leoniantoinette/binotify-app

A website that functions similarly to Spotify

IF3110 Pengembangan Aplikasi Berbasis Web

This is a project done to fulfil one of IF3110's course assignment.

Description

Aplikasi ini merupakan aplikasi berbasis web yang memiliki fungsionalitas utama seperti platform musik terkenal SPOTIFY. Aplikasi ini dibuat dengan menggunakan beberapa bahasa pemograman dan tanpa menggunakan library. Bahasa dan Tools yang digunakan di antaranya JavaScript, HTML, CSS untuk client side, PHP untuk server side, dan MYSQL untuk penyimpanan database. Halaman yang terdapat pada aplikasi ini adalah sebagai berikut:

• Login
• Register
• Home
• Daftar Album
• Search, Sort, dan Filter
• Detail Lagu
• Detail Album
• Tambah Album/Lagu
• Daftar User

Requirements

Untuk menjalankan program pastikan Anda telah mendownload dan menginstall hal-hal berikut:

1. Teks Editor
2. JavaScript
3. XAMPP
4. MySQL

How To Install

1. Teks Editor yang kami sarankan adalah Visual Studio Code yang panduan download dan installnya dapat dilihat pada tautan berikut ini vscode
2. Panduan instalasi JavaScript dapat dilihat pada tautan berikut JS
3. Panduan instalasi XAMPP dapat dilihat pada tautan berikut XAMPP
4. Panduan instalasi MySQL dapat dilihat pada tautan berikut MySQL

How To Run

Buka folder htdocs yang berada di dalam folder XAMPP, lalu clone repository ini. Selanjutnya jalankan link berikut ini pada browser di komputer Anda (localhost/tugas-besar-1). Lalu, download database dengan judul spotify.sql pada folder database dan lakukan import pada file tersebut. Sesuaikan database pada file config.php jika dibutuhkan database baru atau biarkan untuk menggunakan database remote yang sudah terisi.

Changes

1. Terdapat penambahan tabel subscription pada database
2. Terdapat penambahan fitur halaman list penyanyi premium
3. Terdapat penambahan fitur halaman list lagu premium
4. Endpoint callback

Screenshot

1. Halaman Login
2. Halaman Register
3. Halaman Homepage
4. Halaman Tambah Album dan Lagu
5. Halaman Daftar Album
6. Halaman Detail Album
7. Halaman Detail Lagu
8. Halaman Daftar User
9. Halaman Search, Sort, Filter
10. Halaman List lagu premium
11. Halaman List penyanyi premium
12. Halaman List lagu premium dari penyanyi tertentu

Authors

Nama	NIM	Client Side	Server Side
Flavia Beatrix Leoni Antoinette Santoso	13520051	Membuat Sort, Filter, Search Page, Tambah/Delete Album, dan Daftar User, List Penyanyi dan Lagu premium	Membuat Sort, Filter, Search Page, Tambah/Delete Album, dan Daftar User, List Penyanyi dan Lagu premium
Febryola Kurnia Putri	13520140	Membuat Database, Halaman Login, Register, dan Detail Album	Membuat Database, Halaman Login, Register, dan Detail Album
Aloysius Gilang Pramudya	13520147	Membuat Halaman Home, Daftar Album, dan Detail Album	Membuat Halaman Home, Daftar Album, dan Detail Album