bsoc-bitbyte / busify

A centralised bus ticket booking system that will allow the students to book tickets in advance through an online website, saving time and effort.
https://busify.vercel.app
31 stars 68 forks source link

Feat(frontend): Created checkout page #46

Closed NightFury742 closed 1 year ago

NightFury742 commented 1 year ago

Overview

  1. This PR fixes or fixes part of #41.
  2. This PR does the following:
    • Created the checkout page (responsive only for large screen devices).
    • Added route to it when user clicks the pay now button on the bus details drawer.
    • Added a toast which displays an error when user clicks on the button without adding a passenger.
    • Made passenger details in the drawer dynamic and created a separate component for it (BusDetailsCard).
    • Made fare breakdown details in the drawer dynamic and created a separate component for it (FareBreakdownCard).
    • Changed the types.d.ts file to account for different state's types.
    • Used Zustand to create a orderStore to manage states across the different components effectively.

Essential Checklist

Proof that changes are correct

https://github.com/bsoc-bitbyte/busify/assets/119070798/6c26a1ec-2e53-4b56-aedb-463d783dce33

NightFury742 commented 1 year ago

@parthksingh1 will be working on the ticket breakdown and ticket total component in the checkout page.

NightFury742 commented 1 year ago

@prajjwalkapoor @Bhavik-ag Please review my pr. This is how the website looks,

https://github.com/bsoc-bitbyte/busify/assets/119070798/6c49e212-2c93-42df-be34-582cb22b70c3

NightFury742 commented 1 year ago

@prajjwalkapoor I have made the requested changes, please review them.