1. pertama, silahkan clone source code dengan command git clone https://github.com/kelvinhandoko/mocktest-FE-Binar.git
2. untuk melihat file design, silahkan change directory ke FE-design dengan command cd FE-design
3. untuk menjalankan file react, silahkan change directory ke client dengan command cd client
4. setelah itu, silahkan install semua package dengan command npm i.
5. setelah semua package terinstall, app sudah bisa dijalankan dengan command npm run start.
6. app akan otomatis terlaunch di browser default kita.

page awal di web ini adalah page Login.
Untuk form login bisa diisi dengan data:
email:[email protected]
password: abc123

jika form yang disi benar maka akan diredirect ke page home.

untuk form Register bisa diisi dengan data:
nama: test
email:[email protected]
password: abc123

jika form yang disi benar maka akan diredirect ke page login.

untuk membuat produk baru, silahkan untuk mengklik tombol create new.

jika produk success ditambahkan, akan muncul alert seperti ini.

setiap product card memiliki icons untuk delete dan edit.

untuk button edit akan muncul popup seperti berikut. jika product berhasil diedit akan muncul alert success to edit

untuk button delete akan muncul popup seperti berikut.

silahkan klik button delete untuk menghapus produk.


jika ingin logout, silahkan klik button logout dan akan diarahkan kembali ke page login.

menurut saya, kekurangan pada API tersebut yaitu kurangnya response untuk error handling.