Recreation of Spotify's current U)
with added interactive hover states and the integration of mock data to simulate real-world usage.
The goal is to closely replicate the look and feel of Spotify's existing UI.
- Hover States: Implementation of hover effects on albums, playlists, and artist profiles to provide visual feedback.
- Realistic Mock Data: Use of mock data to fill the UI with sample content, creating a realistic browsing experience.
- React
- TypeScript
- Tailwind CSS
- Responsive Design
- Integration of Spotify's API for real-time data
- Addition of features such as playlist creation
To run this project locally:
- Clone this repo
- Run
npm install
in root directory - Run
npm run dev
in root directory
To view the deployed application, see here:
https://spotify-ui.onrender.com/