This project is a music player interface built using React JS, designed to match a given Figma design. It is responsive, interactive, and incorporates various functionalities like searching, playing/pausing music, and changing tracks.
- Design Link: Figma Design
- API: Songs API
- Responsive design matching the provided Figma design.
- Search functionality to filter songs.
- Dynamic background gradient change based on the song's cover image.
- Smooth animations and transitions for background changes and loading states.
- Continuous music play across browser tabs.
- Node.js
- npm
-
Clone the repository:
git clone https://github.com/your-username/SameSpace.git
-
Navigate to the project directory:
cd react-app
-
Install dependencies:
npm install
-
Start the development server:
npm run dev