Spotify Clone

Spotify Clone

Este projeto é um clone simples do Spotify construído usando JavaScript Node.js, Express, Sqlite e Vanilla. Ele permite que os usuários se registrem, faça login e tocem músicas. Os usuários podem gostar e não gostar de músicas, e as músicas curtidas serão exibidas em uma barra lateral.

Características

• Registro e login do usuário
• Tocar músicas de uma lista
• Gosto e não goste de músicas
• Exibir músicas em uma barra lateral
• Funcionalidade de logout

Pré -requisitos

• Node.js e NPM instalados em sua máquina

Instalação

1. Clone o repositório:

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

2. Instale as dependências:

   npm install

3. Crie o banco de dados SQLite:

    type NUL > db.sqlite

4. Certifique -se de ter a seguinte estrutura de diretório:

    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
   

Executando o aplicativo

1. Inicie o servidor:

   npm start

2. Abra seu navegador da web e navegue para:

    http://localhost:3000
   

Estrutura do projeto

• index.js : O arquivo de servidor principal que configura o servidor e as rotas expressos.
• package.json : contém as dependências e scripts do projeto.
• db.sqlite : o arquivo de banco de dados SQLite.
• public/js/main.js : contém o JavaScript do lado do cliente para lidar com a reprodução de músicas e a funcionalidade curtida/não gosta.
• public/songs/ : Diretório que contém os arquivos MP3.
• public/styles/ : Diretório que contém os arquivos CSS.
• views/ : Diretório que contém os arquivos HTML.

Colaboradores

Congratulo -me com contribuições para este projeto. Se você deseja contribuir, siga estas etapas:

1. Fork o repositório.
2. Crie uma nova ramificação para o seu recurso ou bug.
3. Faça suas alterações e cometê -las com mensagens claras e concisas.
4. Empurre suas alterações no seu repositório bifurcado.
5. Crie uma solicitação de tração para o repositório principal.