Mustache Quotes

Project 1 of @Treehouse's JavaScript TechDegree consisted of creating a Random Quote Generator that cycles through 10 different quotes using HTML, CSS, and JavaScript.

I made a couple of visual design iterations and explored animation ideas and interactions with @Framer (file attached). I found the process of creating my own design extremely fun and learned a couple of new things about CSS and JavaScript along the way.

Attached is the final .sketch file, and you can find the final project over on GitHub, https://github.com/claudiovallejo/project1.

interactions.framer.zip
3 MB
Download
wireframe.sketch
2 MB
Download

More by Claudio Vallejo

View profile