/vater-x

Cab Management App - aFourathon project

Primary LanguageJavaScript

Vater-X - Cab Management Application

A Cab Management website where users can choose a cab and driver for themselves.


Installation

1. git clone https://github.com/pranita09/vater-x
2. cd vater-x
3. npm install
4. npm start

Pages and Features

  1. Login Page - Where the user can log in using credentials.
    • Implemented Guest User Log In feature
  2. Home Page
  3. Drivers Page
    • Listing of all Drivers
    • Search a driver By Name
    • Add New Driver
    • Edit Driver Details
    • Delete a Driver
    • View driver details Card
    • Assign a Cab to the Driver
  4. Cabs Page
    • Listing of all Cabs
    • Search a Cab By Name
    • Add New Cab
    • Edit Cab Details
    • Delete a Cab
    • Assign a Driver to the Cab

Technologies Used

Frontend

  1. React JS (useContext, useReducer)
  2. React Router v6
  3. Vanilla CSS with modules
  4. Material UI Components
  5. React Icons
  6. React Hot Toast

Backend

  1. NEXT js serverless components for hosting the microservices

  2. supabase for hosting backend data

  3. supabase storage for hosting media assets

    Repo for backend - https://github.com/assudani66/cors

Snapshots

Page Name Page View
Login Page loginPage1
Home Page homePage1
Drivers Page driversPage1
Cabs Page cabsPage1