Yunanti / sapotify-gigih

Home Page:sapotify-gigih.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dokumentasi Final Project - Sapotify

Nama: Yunanti Moga Hasanah ID: KM_G2FE4262

Nama Aplikasi

Aplikasi ini bernama Sapotify Gigih

Deskripsi Aplikasi

Website ini dibuat untuk membantu seseorang yang ingin membuat playlist di spotify. Adapun untuk fitur-fitur yang yang saya buat dalam website ini yaitu:

  1. Login atau logout akun spotify
  2. Membuat playlist lagu dengan menambahkan nama playlist dan deskripsi
  3. Mencari lagu dalam bentuk seacrh bar untuk memilih lagu yang akan di masukkan ke playlist
  4. Menampilkan lagu yang di cari
  5. Memilih dan batal memilih lagu
  6. Memasukkan lagu yang telah dipilih ke dalam playlist yang telah dibuat
  7. Menampilkan lagu apa saja yang berada pada playlist tersebut

Cara Pemakaian

  1. Ketika user mengunjungi website ini, mereka akan ditampilkan halaman utama yang bertulisan agar login terlebih dahulu
  2. Login berada pada atas pojok kanan
  3. Ketika user mengklik login mereka akan diarahkan ke Authorization spotify
  4. untuk saat ini yang bisa menggunakan website ini hanya akun saya dan Gigih.
  5. Setelah login, user akan ditampilkan halaman untuk membuat playlist
  6. Pada pembuatan playlist tersebut user harus menambahkan title dan deskripsi dengan title minimal 10 karakter.
  7. Setelah title dan deskripsi terisi maka klik Create Playlist untuk membuat playlistnya
  8. Playlist akan ditampilkan di layar dan halaman yang sama
  9. Untuk menambahkan lagu, user perlu mencari lagu terlebih dahulu, bisa berdasarkan judul, album, atau penyanyi.
  10. Setelah mencari akan tampil hasil cariannya di track list
  11. lalu user perlu untuk menselect lagu atau deselect
  12. setelah itu lagu yang telah di select akan muncul pada selected
  13. lalu user akan menambahkan select lagu ke playlist dengan cara klik Save to Playlist
  14. Terbentuklah playlist yang diinginkan ================================================= #Timeline Homework Homework 1 Modul 1 Session 1 (14 Maret 2022) Berada di https://codesandbox.io/s/sapotify-2gkmvv

Homework 2 Modul 1 Session 2 (16 Maret 2022) Berada di https://codesandbox.io/s/sapotify-2gkmvv

Homework 3 Modul 1 Session 3 (18 Maret 2022) Buat React App(from CRA) di local system Set up Spotify API key Push to github

Homework 4 Modul 2 Session 1 (21 Maret 2022) Creat a page dengan data yang telah ditentukan

Homework 5 Modul 2 Session 2 (23 Maret 2022) Mengubah dalam components dan props

Homework 6 Modul 2 Session 3 (25 Maret 2022) Creat a table dengan data yang telah ditentukan lalu loop data dan buat track components untuk setiap track listed

Homework 7 Modul 3 Session 1 (28 Maret 2022) Have a link that when clicked, it redirects to Spotify Auth API Buat search song functionalities

Homework 8 Modul 3 Session 2 (30 Maret 2022) Add feature to select and deselect songs

Homework 9 Modul 3 Session 3 (1 April 2022) Create a 'create playlist' form When button clicked, create a new playlist

About

sapotify-gigih.vercel.app


Languages

Language:JavaScript 85.9%Language:CSS 7.4%Language:HTML 3.6%Language:TypeScript 2.9%Language:Shell 0.1%