Spotify Clone

Clone Spotify

Ce projet est un simple clone Spotify construit à l'aide de Node.js, Express, Sqlite et Vanilla JavaScript. Il permet aux utilisateurs de s'inscrire, de se connecter et de jouer des chansons. Les utilisateurs peuvent aimer et détester les chansons, et les chansons aimées seront affichées dans une barre latérale.

Caractéristiques

• Enregistrement et connexion des utilisateurs
• Jouer des chansons d'une liste
• Aimer et n'aime pas les chansons
• Afficher des chansons aimées dans une barre latérale
• Fonctionnalité de déconnexion

Condition préalable

• Node.js et NPM sont installés sur votre machine

Installation

1. Clone le référentiel:

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

2. Installez les dépendances:

   npm install

3. Créez la base de données SQLite:

    type NUL > db.sqlite

4. Assurez-vous d'avoir la structure du répertoire suivant:

    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
   

Exécution de l'application

1. Démarrez le serveur:

   npm start

2. Ouvrez votre navigateur Web et accédez à:

    http://localhost:3000
   

Structure du projet

• index.js : le fichier de serveur principal qui configure le serveur express et les routes.
• package.json : contient les dépendances et les scripts du projet.
• db.sqlite : le fichier de base de données SQLite.
• public/js/main.js : contient le JavaScript côté client pour gérer la lecture de la chanson et la fonctionnalité comme / déteste.
• public/songs/ : répertoire contenant les fichiers MP3.
• public/styles/ : répertoire contenant les fichiers CSS.
• views/ : répertoire contenant les fichiers HTML.

Contributeurs

Je salue les contributions à ce projet. Si vous souhaitez contribuer, veuillez suivre ces étapes:

1. Fourk le référentiel.
2. Créez une nouvelle branche pour votre fonctionnalité ou votre Bugfix.
3. Faites vos modifications et engagez-les avec des messages clairs et concis.
4. Poussez vos modifications à votre référentiel à fourche.
5. Créez une demande de traction vers le référentiel principal.