mashitaad/2200898_9_irv_public-binar-rental-car_platinum

Repository ini merupakan bagian dari Tugas Akhir dalam Bootcamp Binar Academy, dengan tujuan utama mengembangkan sebuah platform website yang memungkinkan pengguna untuk menyewa mobil dengan mudah dan efisien.

👋 Hi, I’m Mashita

I’m interested in Website and Mobile development

• 🌱 I’m currently learning ReactJS, Typescript, and Flutter
• 💞️ I’m looking to collaborate on any Front-End and Mobile project

2200898_9_irv_public-binar-rental-car_platinum's Issues

dropzone

styling reminder payment

susuaikan desain dengan figma

src : src/pages/payment/components/ReminderPayment.js

e-ticket

Styling detail payment

url : /payment

file path /src/pages/payment/component/OrderDetail.js

Styling sesuaikan dengan desain yang ada di figma seperti dibawah ini

styling

Bank Option

sesuaikan dengan desain figma

code : src/pages/payment/components/payment

icon

Style Finishing

payment instruction component

URL path : payment/confirm/order/{id}
SRC : src/pages/payment/components/PaymentInstruction.js

Buat Component instruksi pembayaran sesuai desain figma

ada 4 tab di componen tersebut
ATM BCA
MBCA
BCA klik
Internet Banking

isi semua info field tab tersebut, bisa mencari referensi dari web e-commerce lain

component tersebut bisa di buat dengan react bootsrap (bebas di buat dengan apa saja)

referensi
https://react-bootstrap.github.io/components/tabs/

Home Page Button Link

1. button mulai sewa pada homepage ketika di click harus pindah ke halaman carlist page

Sign In

To do list Platinum challenge

Yang perlu diupload ke repository

• Upload carDetails
• Upload index page
• Pindahin ke folder component

footer

1. buat componen footer sesuai desain figma (directori folder src/components/layouts
2. gambar icon sebaiknya di export dengan extensi .svg

Payment Button

di file yang sama

jika customer belum login maka tombol payment tidak bisa melanjutkan pemabayarn.

cek cookiesnya

1. solusi button disable ketika user belum login
2. di arahkan ke halaman login.
3. di beri modal form login dan langsung bisa melanjutkan ke halaman selanjutnya.

Dropzone Confirm Upload

api https://bootcamp-rent-cars.herokuapp.com/customer/order/{id}/slip/
method patch

file path src/pages/paymentConfirmPage.js

code

const confirmPayment = (payload) => {

TODO

fecth api here........................................................

console.log(payload)

}

Fix Sign Page

Ukuran page tidak full mungkin karna menggunakan container div

Bank Detail

styling bank sesuaikan dengan figma

src code : src/pages/payment/component/paymentConfirm.js

payment insturction option

instruksi pembayaran harus sama dengan bank type

signup fecth api

Sign Up

I created the register and login in a single issue.

icons

Navbar

Bug Submit Button

File src/pages/car/carDetail/components/formCalendar.js

Seharusnya jika calendar Date range belum di assign maka tombol sumbit tidak bisa di klick (disable)

1.solusi buat kondisi jika calendar range belum di assign maka tombil sumbit disable
2.bisa juga di beri alert