Spotify Clone

Spotify -Klon

Dieses Projekt ist ein einfacher Spotify -Klon, der mit Node.js, Express, SQLite und Vanille JavaScript erstellt wurde. Es ermöglicht Benutzern, sich zu registrieren, sich anzumelden und Songs zu spielen. Benutzer können Songs mögen und nicht mögen, und die gemochten Songs werden in einer Seitenleiste angezeigt.

Merkmale

• Benutzerregistrierung und Anmeldung
• Spielen Sie Songs aus einer Liste
• Lieder mag und mag es nicht
• Display gemochte Songs in einer Seitenleiste
• Abmeldefunktionalität

Voraussetzungen

• Node.js und NPM auf Ihrem Computer installiert

Installation

1. Klonen Sie das Repository:

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

2. Installieren Sie die Abhängigkeiten:

   npm install

3. Erstellen Sie die SQLite -Datenbank:

    type NUL > db.sqlite

4. Stellen Sie sicher, dass Sie die folgende Verzeichnisstruktur haben:

    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
   

Ausführen der Anwendung

1. Starten Sie den Server:

   npm start

2. Öffnen Sie Ihren Webbrowser und navigieren Sie zu:

    http://localhost:3000
   

Projektstruktur

• index.js : Die Hauptserverdatei, die den Express -Server und die Routen eingerichtet hat.
• package.json : Enthält die Projektabhängigkeiten und -Skripte.
• db.sqlite : Die SQLite -Datenbankdatei.
• public/js/main.js : Enthält das clientseitige JavaScript für die Umgang mit Song-Wiedergabe und ähnlichen Funktionen.
• public/songs/ : Verzeichnis mit den MP3 -Dateien.
• public/styles/ : Verzeichnis mit den CSS -Dateien.
• views/ : Verzeichnis mit den HTML -Dateien.

Mitwirkende

Ich begrüße Beiträge zu diesem Projekt. Wenn Sie einen Beitrag leisten möchten, befolgen Sie bitte die folgenden Schritte:

1. Geben Sie das Repository auf.
2. Erstellen Sie eine neue Filiale für Ihre Funktion oder Ihr Bugfix.
3. Nehmen Sie Ihre Änderungen vor und verpflichten Sie sie mit klaren und prägnanten Nachrichten.
4. Drücken Sie Ihre Änderungen in Ihr Forked Repository.
5. Erstellen Sie eine Pull -Anfrage im Hauptrepository.