Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emrecancorapci/spotify-clone
A Spotify clone app developed using Vite, React and TailwindCSS
https://github.com/emrecancorapci/spotify-clone
react redux redux-toolkit spotify spotify-clone tailwindcss tauri typescript vite
Last synced: about 6 hours ago
JSON representation
A Spotify clone app developed using Vite, React and TailwindCSS
- Host: GitHub
- URL: https://github.com/emrecancorapci/spotify-clone
- Owner: emrecancorapci
- License: mit
- Created: 2023-11-03T17:28:30.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-30T22:43:20.000Z (7 months ago)
- Last Synced: 2024-04-30T23:45:19.644Z (7 months ago)
- Topics: react, redux, redux-toolkit, spotify, spotify-clone, tailwindcss, tauri, typescript, vite
- Language: TypeScript
- Homepage: https://tauri-spotify-clone.vercel.app
- Size: 1.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tauri/React Spotify Clone Application Project
## Description
This is a Spotify clone application built with React. It aims to be a desktop application that allows users to search for songs, artists, and albums. Users will also be able to play songs, pause songs, and skip songs.
## Getting Started
### Prerequisites
Prerequisities can be found in [here](docs/PREREQUISITES.md)
### Installation
1. Clone the repo to your local machine using a terminal
```bash
git clone https://github.com/emrecancorapci/spotify-clone
```
2. Change directory
```bash
cd spotify-clone
```
3. Install NPM packages
```bash
pnpm install
```
4. Run the web application
```bash
pnpm dev
```
## Roadmap
### Basic Features
- [x] Create main layout
- [x] Audio player control components
- [x] Sidebar basic layout
- [x] Tooltip implementation
- [x] Audio player logic with redux
- [x] Resizable layout
- [x] Basics for responsiveness
- [ ] Expandable sidebar
- [ ] Playlist page
- [ ] MediaStream API implementation
- [ ] Playable static playlist
- [ ] Queue implementation
- [ ] Basic user profile page
- [ ] Basic artist page
- [ ] Album page
- [ ] Basic song page
- [ ] Skeleton loading
- [ ] Settings page
- [ ] User authentication & authorization on web
- [ ] Login page
- [ ] Now playing module
- [ ] Basic search functionality
- [ ] Shareable links
- [ ] Footer
### Advanced Features
- [ ] Playlist customization
- [ ] Web Audio API implementation
- [ ] Drag and drop implementation
- [ ] Context menu (share, add to playlist, etc.)
- [ ] Library filtering & sorting
- [ ] Library folders implementation
- [ ] Artist page improvements (top tracks, related artists, etc.)
- [ ] Search page improvements (search by artist, album, etc.)
- [ ] User profile page improvements (recently played, top artists, top tracks, etc.)
- [ ] Song page improvements (lyrics, etc.)
- [ ] Queue improvements (reorder, remove, etc.)
- [ ] Dynamic playlist background (color based on album art)
- [ ] User authentication & authorization on desktop (needs to be written in Rust)
- [ ] Mobile support
### Extra Features
- [ ] Audio visualizer (dynamic player background based on audio frequency)
- [ ] Lyrics
- [ ] Custom themes
- [ ] Light mode