Parking system that allows a simple configuration of the number of spaces for each type of vehicle accepted, in addition to allowing vehicles to park, leave the parking lot and show an updated panel with the status of spaces for each type of vehicle supported space and notifies when the parking lot is full
It was developed in React using Next.js project bootstrapped with create-next-app
.
- React
- Typescript
- Next
- Make sure to have backend server up and running
- install dependencies
npm install
# or
yarn install
- run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3001 with your browser to see the result.
Add how many spots of each vehicle type (motorcycle, car and van) your parking lot may have
Now you'll be able to see your parking lot dashboard, park new vehicles and remove them from parking lot.
- Motorcycle can park in any available slot
- Car can park in both car or van slots
- Van can park in both car or van slots but if it's a car slot, it'll occuppy 3 consecutive slots