Spotify Clone

Spotify Clone

โครงการนี้เป็นโคลน Spotify ที่สร้างขึ้นโดยใช้ Node.js, Express, SQLite และ JavaScript Vanilla ช่วยให้ผู้ใช้สามารถลงทะเบียนเข้าสู่ระบบและเล่นเพลง ผู้ใช้สามารถชอบและไม่ชอบเพลงและเพลงที่ชอบจะแสดงในแถบด้านข้าง

คุณสมบัติ

• การลงทะเบียนผู้ใช้และเข้าสู่ระบบ
• เล่นเพลงจากรายการ
• ชอบและไม่ชอบเพลง
• แสดงเพลงที่ชอบในแถบด้านข้าง
• ฟังก์ชั่นการออกจากระบบ

ข้อกำหนดเบื้องต้น

• 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 : ไฟล์เซิร์ฟเวอร์หลักที่ตั้งค่าเซิร์ฟเวอร์ด่วนและเส้นทาง
• package.json : มีการพึ่งพาโครงการและสคริปต์
• db.sqlite : ไฟล์ฐานข้อมูล SQLite
• public/js/main.js : มีจาวาสคริปต์ฝั่งไคลเอ็นต์สำหรับการจัดการการเล่นเพลงและฟังก์ชั่นที่ชอบ/ไม่ชอบ
• public/songs/ : ไดเรกทอรีที่มีไฟล์ MP3
• public/styles/ : ไดเรกทอรีที่มีไฟล์ CSS
• views/ : ไดเรกทอรีที่มีไฟล์ HTML

ผู้มีส่วนร่วม

ฉันยินดีต้อนรับการมีส่วนร่วมในโครงการนี้ หากคุณต้องการมีส่วนร่วมโปรดทำตามขั้นตอนเหล่านี้:

1. แยกที่เก็บ
2. สร้างสาขาใหม่สำหรับคุณสมบัติหรือ Fix ของคุณ
3. ทำการเปลี่ยนแปลงของคุณและส่งข้อความที่ชัดเจนและรัดกุม
4. ผลักดันการเปลี่ยนแปลงของคุณไปยังที่เก็บข้อมูลของคุณ
5. สร้างคำขอดึงไปยังที่เก็บหลัก