Spotify Clone

Clon de Spotify

Este proyecto es un simple clon de Spotify construido usando Node.js, Express, SQLite y Vanilla JavaScript. Permite a los usuarios registrarse, iniciar sesión y reproducir canciones. A los usuarios les gustan y no les gustan las canciones, y las canciones les gusta se mostrarán en una barra lateral.

Características

• Registro e inicio de sesión del usuario
• Reproducir canciones de una lista
• Me gustan y no me gustan las canciones
• Mostrar canciones gustas en una barra lateral
• Funcionalidad de cierre de sesión

Requisitos previos

• Node.js y npm instalados en su máquina

Instalación

1. Clon el repositorio:

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

2. Instale las dependencias:

   npm install

3. Cree la base de datos SQLite:

    type NUL > db.sqlite

4. Asegúrese de tener la siguiente estructura del directorio:

    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
   

Ejecutando la aplicación

1. Inicie el servidor:

   npm start

2. Abra su navegador web y navegue a:

    http://localhost:3000
   

Estructura de proyectos

• index.js : el archivo del servidor principal que establece el servidor expreso y las rutas.
• package.json : contiene las dependencias y scripts del proyecto.
• db.sqlite : el archivo de base de datos SQLite.
• public/js/main.js : contiene el JavaScript del lado del cliente para manejar la reproducción de canciones y la funcionalidad me gusta/no me gusta.
• public/songs/ : Directorio que contiene los archivos MP3.
• public/styles/ : Directorio que contiene los archivos CSS.
• views/ : Directorio que contiene los archivos HTML.

Colaboradores

Agradezco las contribuciones a este proyecto. Si desea contribuir, siga estos pasos:

1. Bifurca el repositorio.
2. Cree una nueva rama para su característica o corrección de errores.
3. Realice sus cambios y compromételos con mensajes claros y concisos.
4. Empuje sus cambios a su repositorio bifurcado.
5. Cree una solicitud de extracción al repositorio principal.