Skip to content

frnapo/SpotifyCloneRedux-W11

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SpotifyClone

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.

Features

  • 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.

Technologies & Tools

React React Router Dom Redux

Getting Started

Prerequisites

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.

Installation

  1. Clone the repository to your local machine: git clone https://github.com/frnapo/SpotifyCloneRedux-W11.git
  2. Navigate to the project directory: cd SpotifyClone
  3. Install the required dependencies: npm install
  4. Start the application: npm start
  5. Your default web browser should open automatically to http://localhost:3000, where you can start exploring the SpotifyClone app.

Usage

  • Browse the app to discover music playlists.
  • Click on any track to view more details or add it to your Favorites.

Acknowledgments

  • 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.