❄️ [GAME] Snow Quotes! ❄️
RolandJLevy (1052)

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 🔗

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
You are viewing a single comment. View All
RolandJLevy (1052)

Hi @Kookiez, I see now. Everyone is talking about the env.txt file. That was pretty dumb of me. Basically the idea is that babel copies a replica of the .env into the dist folder. For some reason babel can't copy .env files so I made env.txt for copying in the build process and then renamed it inside the dist folder. I will review how I'm doing this and try to improve it. Thanks!