This project started out as a graded project for Treehouse TechDegree - Front End Web Development. The aim was to practice JavaScript DOM manipulation with a phrase guessing game and it was a great challenge and built my confidence in JavaScript.
Months later, I moved the phrases from the client side to the server side hosted by Heroku. I also made some aesthetic improvements like animations and added definitions and examples of the phrases. I stuck with the original theme of animal idioms for the phrases and added more phrases, increasing the original five to twelve.
Update Aug 2022: I moved the server to Firebase as Heroku was withdrawing its free hosting. I also added two new phrases and improved the mobile layout although tablet and desktop screens still offer a better user experience.
API GitHub repository Link
Firebase live site Link
The animal clip art images are from Clipart Library and here and here specifically
The background image is from rawpixel.com on Freepik
Start button hover effect adapted from 10) Glowing Icon Hover Effects
Shake animation adapted from CSS Tricks
Heading text shadows generated with HTML-CSS-JS
Spin animation adapted from Coding Artist Web
I wrote the meanings and examples of phrases with help from google. The English Like a Native page provided the lion's share of the guidance for the phrases