Skip to content

gokulc200/Spotify-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NETFLIX Logo
Spotify Clone Built Using React.JS

Overview📖

This project is a Spotify clone, a web application that mimics the core functionalities of the popular music streaming platform Spotify. It provides users with a similar music listening UI experience, allowing them to explore a vast collection of songs, create playlists, follow artists, and enjoy personalized recommendations which fetch data from through their Spotify accounts.

Packages

🟡npx create-react-app
🟡npm i spotify-web-api-js
🟡npm install @mui/material
🟡npm install @emotion/react
🟡npm install @emotion/styled
🟡npm install @mui/icons-material
🟡npm install react-spotify-web-playback
🟡npm run build

Technology Used👨🏻‍💻

I have built this project using the following tools & techniques:

  • 🔴React.JS
  • 🔴User Authentication
  • 🔴Music Streaming: Spotify Web API
  • 🔴React Context API (like Redux)
  • 🔴Material UI Icons
  • 🔵useState
  • 🔵useEffect
  • 🔵JSX
  • 🔵Webpack
  • 🟡CSS Modules
  • 🟡Media Queries
  • 🟡VSCode
  • 🟣Github Actions
  • 🟣Deployment : FIREBASE

Sign In Credentials🔐

Users can sign in using their Spotify account.

To run the playback option, the user should have a premium Spotify account.

Note: To sign in, the user should have authenticated Spotify account.

Reference Video📽

Spotifyclone.mp4

Reference Images📷

Laptop View

Screenshot 2023-06-21 154348

Screenshot 2023-06-21 154408

Screenshot 2023-06-21 154430

Screenshot 2023-06-21 154715

Medium Devices View

Screenshot 2023-06-21 154237

Screenshot 2023-06-21 154302

Screenshot 2023-06-21 154318

Screenshot 2023-06-21 154216

Contribution🙌🏻

Contributors are welcome to submit pull requests for bug fixes, new features, or improvements. Guidelines for contributing and a code of conduct will be provided to ensure a collaborative and inclusive development process.

Releases

No releases published

Packages

No packages published