Skip to content

🎵 Introducing the Spotify Clone! 🎧 Built with ReactJS and the Spotify API, this project replicates the functionality of the popular music streaming platform.

Notifications You must be signed in to change notification settings

deepak-raaaz/spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LinkedIn


Logo

Spotify Clone

A clone of the Spotify web application built using ReactJS and the Spotify API.


Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing
  5. License
  6. Contact

About The Project

Product Name Screen Shot

Welcome to the Spotify Clone project! This project is a culmination of my journey into web development, where I set out to recreate the popular music streaming platform, Spotify, using ReactJS and the Spotify API. Through this endeavor, I aimed to not only hone my technical skills but also gain a deeper understanding of modern web development practices and API integration.

(back to top)

Built With

  • SpotifyAPI
  • React
  • Redux
  • JavaScript
  • CSS3
  • TailwindCSS
  • MUI
  • Git

(back to top)

Getting Started

To begin exploring the Spotify Clone project, follow these simple steps:

Prerequisites

  • npm
    npm install npm@latest -g

Installation

To run this project locally, follow these steps:

  1. Get a free API Key at Spotify-API
  2. Clone the repo
    git clone https://github.com/deepak-raaaz/spotify-clone
  3. Install NPM packages
    npm install
  4. Create a .env file in the root directory of the project and add the following:
    REACT_APP_SPOTIFY_CLIENT_ID=your_client_id
    Replace your_client_id with your actual Spotify Client ID.

(back to top)

Usage

  1. Start the development server:
    npm start
  2. Open your web browser and visit http://localhost:3000
  3. Log in with your Spotify account.
  4. Explore the Spotify clone and enjoy listening to your favorite tracks!

(back to top)

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please feel free to open an issue or submit a pull request.

You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Deepak Kumar - [email protected] LinkedIn

Project Link: https://github.com/deepak-raaaz/spotify-clone

(back to top)

About

🎵 Introducing the Spotify Clone! 🎧 Built with ReactJS and the Spotify API, this project replicates the functionality of the popular music streaming platform.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages