MariSpirandelli / parking-lot-app

front end of a parking lot app

Parking lot system

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.

Stack

• React
• Typescript
• Next

Getting Started

1. Make sure to have backend server up and running

• check more here

1. install dependencies

npm install
# or
yarn install

1. run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3001 with your browser to see the result.

Parking lot set up

Add how many spots of each vehicle type (motorcycle, car and van) your parking lot may have

After Parking lot set up

Now you'll be able to see your parking lot dashboard, park new vehicles and remove them from parking lot.

Busines Rules

1. Motorcycle can park in any available slot
2. Car can park in both car or van slots
3. Van can park in both car or van slots but if it's a car slot, it'll occuppy 3 consecutive slots