Quote Generator

Vanilla JavaScript project created for 10K Apart Challenge.

Role: Web Designer & Developer
Skills/Technology Used: JavaScript, HTML, CSS/Sass, PHP, Composer, Mustache, progressive enhancement

Visit Site Source Code
Screenshot of Quote Generator

This project was created for the 10K Apart Challenge, where the goal was to make a website under 10 kilobytes. To do this, I set a personal goal to stick to vanilla JavaScript.

I made a quote generator that fetches a random quote, font, and color scheme and provides a way to save the combination for sharing. I connected to Google Fonts and Forismatic (for quotes), and I used davidgorges/color-contrast and mistic100/randomcolor to get accessible color combinations.

I wanted to get started quickly so I started with the HTML5 Boilerplate and chose to use PHP and Mustache due to my familiarity with them.