Fill the night sky with gently falling ❄️ SNOWFLAKES ❄️ each of which reveals an inspirational QUOTE when you hover over it. Happy holidays everyone! 🎁

https://github.com/rolandjlevy/snow-quotes/blob/master/public/images/snow-flakes-demo.gif?raw=true

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 shown in 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