This project was instrumental in teaching me how to integrate JavaScript and CSS animations seamlessly. Through this project, I gained hands-on experience in creating a calming and soothing web application using Vanilla JavaScript.

Technologies Used:

• CSS
• HTML
• JavaScript

Lessons Learned:

• Worked extensively with JavaScript setInterval() function to control animation speed and timing
• Mastered the use of CSS Keyframes and Pointers for smooth transitions and animations
• Avoided common mistakes such as forgetting to close brackets properly in Conic Gradients, ensuring optimal performance in the HTML preview

Useful Links:

• Background Image: https://www.pexels.com/photo/crescent-yellow-moon-over-city-at-night-18110594/
• Traversy GitHub Repository: https://github.com/bradtraversy/vanillawebprojects/tree/master/relaxer-app
• YouTube Tutorial: https://www.youtube.com/watch?v=l-1ZrU6avzI