Welcome to SpotifyClone, a responsive web application designed to emulate key features of the Spotify music streaming service. This project leverages React for the frontend, React Router Dom for navigation, and Redux for state management, providing an interactive experience where users can explore music playlists, view details about specific tracks, and save their favorite tunes to a personal list. This application serves as a demonstration and educational tool, without offering real streaming capabilities.
- Playlist Exploration: Navigate through various music playlists, each populated with tracks and detailed descriptions.
- Favorites: Add songs to a 'Favorites' list, allowing for quick access to your preferred tracks.
- Dynamic Routing: Seamlessly move between different components of the application using React Router Dom.
- State Management: Utilize Redux to manage global state across the application, ensuring a consistent and efficient user experience.
Ensure you have Node.js and npm installed on your machine. These will be needed to install dependencies and run the project locally. You can download them from Node.js website.
- Clone the repository to your local machine: git clone https://github.com/frnapo/SpotifyCloneRedux-W11.git
- Navigate to the project directory: cd SpotifyClone
- Install the required dependencies: npm install
- Start the application: npm start
- Your default web browser should open automatically to
http://localhost:3000
, where you can start exploring the SpotifyClone app.
- Browse the app to discover music playlists.
- Click on any track to view more details or add it to your Favorites.
- This project was inspired by the Spotify app and is intended for educational purposes.
- Special thanks to the Redux and React Router Dom teams for their fantastic documentation.