The goal of this project was to learn how styling works in a real React app and try to build something similar to Spotify UI. The challenge was understanding how to organize styles, make responsive layouts, and also manage dark/light themes.
I created a simple music player interface inspired by Spotify. I used Next.js for the app structure and Tailwind CSS to style everything.
I tried to keep components reusable like music cards, navbar, and player. Also added theme switching (dark/light mode) and used React Context to control the player state.
Go to the project folder:
cd digital-couture-studio
Install dependencies:
npm install
Run the project:
npm run dev
Open in browser:
You can see a Spotify-like UI with songs, cards, and a player. There are sections like "Recently Played" and "Suggested For You". You can also switch between dark and light mode.
npm run dev
Made at Qwasar SV -- Software Engineering School <img alt='Qwasar SV -- Software Engineering School's Logo' src='https://storage.googleapis.com/qwasar-public/qwasar-logo_50x50.png' width='20px' />
