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. Webブラウザを開き、次のように移動します。

    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. メインリポジトリへのプルリクエストを作成します。