Customise and share a sky full of snowflakes. Each one reveals a quote when you hover over it 💬
- See the demo
- View the source code
- Explore the Github repo
- Share on WhatsApp, Twitter or Facebook 👍
- Customise your Snow Quotes with various letters and numbers, select the amount and colour of snowflakes
- Click on the 'SEE YOUR SNOW QUOTES' button to see the result on the next page
- Hover your mouse over each snowflake to reveal an inspirational quote
- Click on a snowflake to copy the quote text
- Share this app with your friends by clicking on the share buttons 👍
- Built from scratch with Node, Express and pug template engine on the back end
- The front end uses vanilla JavaScript - no frameworks or libraries like React or Vue
- Completely responsive and mobile friendly
- Inspired by this Pug and CSS Workshop by one of my favourite developers 🌟 @Jhey🌟
- Using the node-url-shortener node package to shorten the URL for sharing
- The quotes are fetched from an API from this freecodecamp.org article
- The snowflake symbols are from the Mandala font using the @font-face rule
- Form validation restricts keys to 0-9, a-z and A-Z