Spotify Clone

Klon Spotify

Proyek ini adalah klon Spotify sederhana yang dibangun menggunakan Node.js, Express, Sqlite, dan Vanilla Javascript. Ini memungkinkan pengguna untuk mendaftar, masuk, dan memutar lagu. Pengguna dapat menyukai dan tidak suka lagu, dan lagu -lagu yang disukai akan ditampilkan di bilah sisi.

Fitur

• Pendaftaran dan login pengguna
• Putar lagu dari daftar
• Suka dan tidak suka lagu
• Tampilan menyukai lagu di bilah sisi
• Fungsi Logout

Prasyarat

• Node.js dan NPM diinstal di mesin Anda

Instalasi

1. Klon Repositori:

   git clone https://github.com/RaresRacsan/Spotify-Clone.git
   cd spotify-clone

2. Instal dependensi:

   npm install

3. Buat database SQLite:

    type NUL > db.sqlite

4. Pastikan Anda memiliki struktur direktori berikut:

    project-root/
   ├── index.js
   ├── package.json
   ├── db.sqlite
   ├── public/
   │   ├── js/
   │   │   └── main.js
   │   ├── songs/
   │   │   ├── funtime-juicewrld.mp3
   │   │   ├── googleme-cochise.mp3
   │   │   ├── mo-travisscott.mp3
   │   │   ├── timeless-playboicarti.mp3
   │   │   └── tobey-eminem.mp3
   │   └── styles/
   │       ├── main.css
   │       ├── login.css
   │       └── register.css
   └── views/
       ├── login.html
       ├── register.html
       └── main.html
   

Menjalankan aplikasi

1. Mulai server:

   npm start

2. Buka browser web Anda dan navigasikan ke:

    http://localhost:3000
   

Struktur proyek

• index.js : File server utama yang mengatur server dan rute Express.
• package.json : Berisi dependensi dan skrip proyek.
• db.sqlite : File database SQLite.
• public/js/main.js : Berisi javascript sisi klien untuk menangani pemutaran lagu dan fungsionalitas suka/tidak suka.
• public/songs/ : Direktori yang berisi file MP3.
• public/styles/ : Direktori yang berisi file CSS.
• views/ : Direktori yang berisi file HTML.

Kontributor

Saya menyambut kontribusi untuk proyek ini. Jika Anda ingin berkontribusi, silakan ikuti langkah -langkah ini:

1. Garpu repositori.
2. Buat cabang baru untuk fitur atau perbaikan bug Anda.
3. Buat perubahan Anda dan lakukan dengan pesan yang jelas dan ringkas.
4. Dorong perubahan Anda ke repositori bercabang Anda.
5. Buat permintaan tarik ke repositori utama.