https://github.com/masoumehmohebbi/react-spotify-app

Spotify - Web Palyer: Music for everyone •၊၊||၊|။||||။ ၊|• 0:10
https://github.com/masoumehmohebbi/react-spotify-app

authentication axios cookie django-backend i18n i18n-react i18next mongodb music-player music-website python react-hook-form react-hot-toast reactjs spotify swiper tailwindcss tanstack-query token

Last synced: 3 months ago
JSON representation

Spotify - Web Palyer: Music for everyone •၊၊||၊|။||||။ ၊|• 0:10

• Host: GitHub
• URL: https://github.com/masoumehmohebbi/react-spotify-app
• Owner: masoumehmohebbi
• Created: 2023-12-04T06:19:50.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-11T03:45:18.000Z (12 months ago)
• Last Synced: 2024-05-15T22:27:15.316Z (9 months ago)
• Topics: authentication, axios, cookie, django-backend, i18n, i18n-react, i18next, mongodb, music-player, music-website, python, react-hook-form, react-hot-toast, reactjs, spotify, swiper, tailwindcss, tanstack-query, token
• Language: JavaScript
• Homepage: https://react-spotify-app-red.vercel.app/
• Size: 609 KB
• Stars: 13
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Spotify App 🟢⏯

Spotify is a web music player. Styling is with Tailwind-css. The state managment is tanstack-query. And the form validation is with react-hook-form. Backend is django and mongoDB.

  

✨Built with

   


      
Programming Language ┈➤ JavaScript

      
JavaScript Library? ┈➤ ReactJs

      

Styling ┈➤ TailwindCss

      
State Managment ┈➤ Tanstck Query

      
Form validation ┈➤ React-Hook-Form

      
BackEnd ┈➤ Python - django

      

   



   

   
✨Used Packages

   


      
i18next ➡ Multi languages

      
axios

      
Tippy ➡ Nice Tooltip

      
react-h5-audio-player ➡ Music Player

      
react-hot-toast ➡ Pretty Toast

      
react-lazy-load-image-component

      
react-loader-spinner

      
react-otp-input

      
swiper ➡ Beautiful Slider

      
shamsi-date-converter

      
universal-cookie

   


   

✨ Links 



   


      See Deployed Project

   

   


      GitHub repository

   

   


      My other projects

   



✨ Contribution 

BackEnd 🐍


✨ Development setup

1. First, you need to clone the project:


```

git clone https://github.com/masoumehmohebbi/react-spotify-app

```

2. Then, install required packages:


```

npm i

```

3. Finally, run the dev script to start the dev server:


```

npm run dev

```