This project is a clone of the popular music streaming service Spotify, built using React.js and integrated with the Spotify API. It provides users with a familiar interface for discovering, playing, and managing music tracks and playlists.
React.js Implementation: Utilizes the React.js library for building a modular and efficient user interface.
Integrates the Spotify API to access Spotify's extensive database of music tracks, albums, artists, and playlists.
Features different pages dedicated to displaying detailed information about individual tracks, including title, artist, album artwork, and duration.
Allows users to create, edit, and manage playlists, including adding or removing tracks and rearranging the track order.
Implements user authentication functionality, enabling users to sign in to their Spotify accounts and access their saved music, playlists, and preferences.
Utilizes responsive design principles to ensure compatibility across various devices, including desktops, tablets, and mobile devices.
Enables users to search for tracks, albums, or artists by name, genre, or mood, leveraging Spotify API's search functionality.
Includes playback controls such as play, pause, skip, and volume adjustment, along with features like repeat and shuffle for enhanced user experience.
Clone the repository
Create a .env file in the root directory and add your Spotify API credentials:
env Copy code REACT_APP_SPOTIFY_CLIENT_ID=your-client-id REACT_APP_SPOTIFY_CLIENT_SECRET=your-client-secret Run the application:
bash Copy code npm start Open your browser and navigate to http://localhost:3000 to view the application.
Contributing Contributions are welcome! Feel free to submit bug reports, feature requests, or pull requests to help improve this project.