Persiapan
1. Buat github repo dengan nama " SP-RN-[nama anda] "
2. Buat project React Native
3. push project ke github repo (nomor 1)
4. kirim github repo URL ke Whatsapp
Case
1. Membuat aplikasi simple market place android menggunakan React Native yang menampilkan Product list dan Product detail
2. aplikasi tediri dari 5 page
1. product list
2. cart
3. payment page
4. list transaction
5. detail transaction
3. Page product list
1. Data product bisa didapat dari API https://dummyjson.com/products?limit=20
2. Tampilkan berbentuk grid
- image (1 saja)
- description (20 character)
- price (tidak perlu currency dan tidak perlu comma separator)
- title
3. Jika item di produk list di click, item masuk ke dalam cart storage,
4. page cart
1. menampilkan list product dari cart storage
- title
- quantity
- price
- quantity masing-masing product bisa di update dan price menyesuaikan
- terdapat TOTAL PRICE yang ber-isi jumlah dari price
- jika ada product yang sama dalam cart storage, akan tampil jadi 1 item dengan quantity menyesuaikan
- terdapat tombol “payment” , jika di klik akan membawa value dari TOTAL PRICE ke payment page.
5. page payment
1. menampilkan TOTAL PRICE
2. menampilkan 2 tombol “CASH” dan “CARD”
3. jika di tekan “CASH”, transaksi akan tersimpan ke transaction storage
4. jika di tekan “CARD”, akan muncul popup untuk memasukkan “nomor kartu”, setelah itu transaksi tersimpan ke transaction storage
5. transaksi yang tersimpan di transaction storage memiliki “TRANSACTION_ID”
6. page list transaction
1. menampilkan list transaksi
- TRANSACTION_ID
- TOTAL_PRICE
2. jika salah satu item dalma list di klik akan membuka page detail transaction
7. page detail transaction
1. menampilkan list item yang di transaksi-kan dengan “TRANSACTION_ID” yang di tunjuk
- title
- quantity
- price
2. menampilkan TOTAL PRICE
-
Notifications
You must be signed in to change notification settings - Fork 0
7dp/SP-RN-WicakR
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published