BeatMoOod

Inspiration Music has a strong connection with emotions. Often, people struggle to choose the right songs that match how they feel. I wanted to create a simple, quick solution that allows users to select their mood and instantly receive music suggestions. The idea was to demonstrate how mood-based logic can enhance user experience in music discovery. What it does BeatMood is a retro-themed web application that recommends songs based on the user’s selected mood. Users can choose between moods like Happy, Sad, Energetic, and Relaxed. Based on their selection, the system displays curated song suggestions that match that emotional state. How I built it The project was built using: HTML for structure CSS for styling (retro-inspired theme) JavaScript for mood-selection logic The recommendation system uses simple condition-based logic to display different song lists depending on the selected mood. Challenges I ran into The main challenge was completing the project within a limited time frame. I had to focus on building a clean and working prototype instead of adding advanced features. Designing a simple yet appealing UI while keeping the logic clear was also a challenge. What I learned I learned how to quickly turn an idea into a working web prototype under time pressure. I also improved my understanding of JavaScript logic and project structuring for deployment using GitHub and GitHub Pages. What’s next for BeatMood Integrate Spotify API for real-time music data Add AI-based mood detection Improve UI with animations and enhanced retro design Personalization based on user history

Built With

• css
• github
• html
• javascript