http://bus-booking-ui-fe.s3-website-us-east-1.amazonaws.com/
This is a webapp build with react. The app has 2 routes
/reservations
/dashboard
Reservation route depicts the bus layout and allows the user to make bookings from here. On completion of the booking the user is routed to Dashboard. Here the use can see the booking details. From the Dashboard, the user can
- Delete a reservation
- Update name or email address
- The seat number and the booking date cannot be changed
Any changes made on the Dashboard are reflected on the Reservation page and vice-versa.
This project was bootstrapped with Create React App. For visual representation of the bus seat layout, have used a react wrapper over Canvas element. Since this being a demo app, the backend is mocked with LocalStorage. No styling library was used. Using github actions to deploy to S3 on push to main branch.
Library | Used For |
---|---|
react-konva | Wrapper around Canvas element in react |
react-spring | Animation library used for sidebar animation |
react-icons | Used for icons in the application |