react-spotify-app

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #llm #rust #linux #macos #nodejs #java #awesome #kubernetes #awesome-list #openai

react-spotify-app

(★ 18)

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

react-spotify-app Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

<h2>✨Built with</h2>
   <ul>
      <li>Programming Language ┈➤ JavaScript</li>
      <li>JavaScript Library? ┈➤ ReactJs</i>
      <li>Styling ┈➤ TailwindCss</li>
      <li>State Managment ┈➤ Tanstck Query</li>
      <li>Form validation ┈➤ React-Hook-Form</li>
      <li>BackEnd ┈➤ Python - django</i>
      
   </ul>
   
   <h2>✨Used Packages</h2>
   <ul>
      <li>i18next ➡ Multi languages</li>
      <li>axios</li>
      <li>Tippy ➡ Nice Tooltip</li>
      <li>react-h5-audio-player ➡ Music Player</li>
      <li>react-hot-toast ➡ Pretty Toast</li>
      <li>react-lazy-load-image-component</li>
      <li>react-loader-spinner</li>
      <li>react-otp-input</li>
      <li>swiper ➡ Beautiful Slider</li>
      <li>shamsi-date-converter</li>
      <li>universal-cookie</li>
   </ul>

<h2>✨ Links </h2>
<ul>
   <li>
      <a href="https://react-spotify-app-red.vercel.app/">See Deployed Project</a>
   </li>
   <li>
      <a href="https://github.com/masoumehmohebbi/react-spotify-app">GitHub repository</a>
   </li>
   <li>
      <a href="https://github.com/masoumehmohebbi/?tab=repositories">My other projects</a>
   </li>
</ul>

<h2>✨ Contribution </h2>
<a href="https://github.com/afsharsharifi/SpotifyAPIClone" >BackEnd 🐍</a>

<h2>✨ Development setup</h2>
<p>1. First, you need to clone the project:</p>

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

<p>2. Then, install required packages:</p>

```
npm i
```

<p>3. Finally, run the <code>dev</code> script to start the dev server:</p>

```
npm run dev
```

react-spotify-app

react-spotify-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-spotify-app

react-spotify-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README