This website generates songs based on the user’s mood, targeting teenagers and young adults who explore the internet in their free time. It uses AI-driven recommendations to suggest songs based on the moods users select.

This is my first coded website, built using Cursor with support from its AI prompt feature. The site is developed using React, JavaScript and Tailwind CSS, with each section modularized into separate files and connected through App.jsx. Styling is handled directly within components using Tailwind CSS. The site is manually hosted on Netlify by deploying the dist folder.

Visually, the design uses a mono font for a retro feel, black-and-white buttons for contrast and vibrant yet clean backgrounds for a minimalist aesthetic. Subtle animations enhance the heading and imagery. Interaction includes emoji-based mood selectors, a slider toggle capturing two percentage values and a generate button that outputs a song recommendation, with an option to listen directly on Spotify.