A delightful music player application built with React JS.
This project is a music player application developed using React JS. It allows users to play their favorite songs, search for music, control playback, and switch between different tabs for personalized music recommendations and top tracks.
✨ Use React JS for a powerful and flexible UI development experience.
✨ Responsive application that adapts to smaller screens, with the player component serving as the main interface and a menu button to access a list of songs.
✨ Utilize GraphQL to efficiently load the list data.
✨ Ensure uninterrupted music playback even if the user visits another tab, such as the Favorites tab.
✨ Dynamically change the background gradient color based on the cover image of the currently playing song, as indicated in the design.
✨ Create a fluid and interactive interface with captivating animations and transitions, such as a loading animation for the song list and background color change animation.
✨ Provide essential functionality, including search capability, music control (play/pause/next/previous), tab navigation (e.g., switching from "For You" to "Top Tracks"), and controlling music playback via a seeker.
- Clone the repository:
git clone https://github.com/narrowfoxy/spotify.git - Navigate to the project directory:
cd spotify - Install the dependencies:
npm install
- Start the development server:
npm start - Open your browser and visit
http://localhost:1234to access the music player application.
Check out the live demo of the music player app on Netlify.
Contributions are welcome! If you have any suggestions or improvements, please submit a pull request. For major changes, please open an issue first to discuss your ideas.
This project is licensed under the MIT License.