❄️ Snow Quotes ❄️

Customise and share a sky full of snowflakes. Each one reveals a quote when you hover over it 💬

Links 🔗

• See the demo
• View the source code
• Explore the Github repo
• Share on WhatsApp, Twitter or Facebook 👍

Features 💡

• 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 👍

How it works ⚙️

• 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