SPOTIFY CLONE CLIENT DOCUMENTATION

🎧 🎵 Music project app base on Spotify 2.0

This project includes two repository (Client and Server), you can checkout server repository

💻 Technical Stack

• React.js - The library for web and native user interfaces
• Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
• Tailwind CSS - Rapidly build modern websites without ever leaving your HTML

✨ Features

Authentication & Authorization

• Register & login account (JWT auth).
• Role delegation (user, admin).

Audio Interact

• Listen single audio.
• Create custom audio (GoogleDrive Cloud) (admin).
• Edit audio (admin).
• Delete audio (admin).
• Search audio by name.

Artist Interact

• Create custom artist (admin)
• Edit artist (admin)
• Delete artist (admin)

Album Interact

• Listen album collection (auto skip to next audio).
• Skip to next or previous audio.
• Create custom album (admin).
• Edit album (admin).
• Delete album (admin).

Playlist Interact

• Listen playlist collection (auto skip to next audio).
• Skip to next or previous audio.
• Create custom playlist (Interactive UI).
• Moidfy playlist (add or remove single audio).
• Delete playlist.

✔️ Requirements

• Node > versions [18]

📦 Installation

Intall packages & dependencies

npm install

Or install packages with legacy peer dependencies.

npm install --legacy-peer-deps

Run client project (supported by Vite)

npm run dev

⚡️ Project Showcase

Register Page

Login Page

Homepage

View All Audio Page

Audio Page

Album Page

Playlist Page

Search Page

Admin Role

Artist Management Page (admin)

Audio Management Page (admin)

Album Management Page (admin)

Playlist Management Page (admin)

▶️ YouTube Demo

💌 Contact

• Author - minhtrifit
• Github

CopyRight© minhtrifit