This is a car parking management application, where all the parking spaces are defined with-in the system and been allocated to cars for certain period of time.
- Sign-in
- Types of user: Booking Counter Agent, Parking Zone Assistant
- Initialize: Initialize the data with a button click ( (only for Booking Counter Agent))
- Parking Zone Data: Add 3 parking zones by naming them as A, B, and C
- Parking Space Data: Add 30 parking space by naming them as A01...A10, B01...B10, and C01...C10.
- Allocation: Remove all transactional data
- Dashboard
- Parking Space Listing (sort by parking_space_title ascending, with fliter by parking_zone_title)
- Shows Parking Space Title, Availability (Vacant: Green and Occupied: Gray), Vehicle Registration Number (if occupied)
- Visible to both Booking Counter Agent, Parking Zone Assistant
- Book Parking Space (only for Booking Counter Agent)
- Require Vehicle Registration Number
- Release Parking Space (only for Booking Counter Agent)
- Require Vehicle Registration Number
- Reports: Show on the browser
- Parking Zone Report
- user
- user_id
- name
- email (use it as user name for sign-in)
- password
- type (Booking Counter Agent, Parking Zone Assistant)
- parking_zone
- parking_zone_id
- parking_zone_title
- parking_space
- parking_space_id
- parking_space_title
- parking_zone_id
- vehicle_parking
- vehicle_parking_id
- parking_zone_id
- parking_space_id
- booking_date_time
- release_date_time
- Node
- Express
- MongoDB
- Nodemon
- react
- react-dom
- react-router
- react-router-dom
If you are going to use your own DB then you need to replace below the line in src/server.js file (replace <> data with your own dbuser, password and DB name):
const dbUri = "mongodb+srv://<DBuser>:<password>@cluster0-bdc8i.mongodb.net/<dbname>?retryWrites=true&w=majority"
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.