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. 為主要存儲庫創建拉動請求。