Spotify Clone

Spotify克隆

该项目是使用Node.js，Express，Sqlite和Vanilla JavaScript构建的简单Spotify克隆。它允许用户注册，登录和播放歌曲。用户可以喜欢和不喜欢歌曲，喜欢的歌曲将在侧边栏中显示。

特征

• 用户注册和登录
• 从列表中播放歌曲
• 喜欢和不喜欢歌曲
• 显示在边栏中喜欢的歌曲
• 注销功能

先决条件

• Node.js和NPM安装在您的计算机上

安装

1. 克隆存储库：

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

2. 安装依赖项：

   npm install

3. 创建SQLITE数据库：

    type NUL > db.sqlite

4. 确保您具有以下目录结构：

    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
   

运行应用程序

1. 启动服务器：

   npm start

2. 打开您的网络浏览器并导航到：

    http://localhost:3000
   

项目结构

• index.js ：设置Express服务器和路由的主服务器文件。
• package.json ：包含项目依赖项和脚本。
• db.sqlite ：SQLITE数据库文件。
• public/js/main.js ：包含用于处理歌曲播放和喜欢/不喜欢功能的客户端JavaScript。
• public/songs/ ：包含MP3文件的目录。
• public/styles/ ：包含CSS文件的目录。
• views/ ：包含HTML文件的目录。

贡献者

我欢迎对这个项目的贡献。如果您想做出贡献，请按照以下步骤：

1. 分叉存储库。
2. 为您的功能或BugFix创建一个新的分支。
3. 进行更改，并通过清晰简明的消息提交它们。
4. 将更改推向分叉存储库。
5. 为主要存储库创建拉动请求。