Automatic License Plate Recognition based Parking Garage Management System
This project was built with React and Firebase and requires the following:
- Node.js (v14 or higher)
- Firebase account and project setup
- Firebase authentication (with email and password & Google) and Firestore database enabled
To get started with the project, follow these steps:
- Clone the repository:
git clone git@github.com:MEZ901/AutoPark-ALPR.git
- Install dependencies:
npm install
or
yarn install
- Make copy of
.env.example
file and remove.example
then config your Firebase. - Start the development server:
npm run dev
or
yarn dev
- Open the app in your browser at
http://127.0.0.1:5173/
. - Create admin account by creating normal account then go to Firestore and change the
role
toadmin
.
To use the app, follow these instructions:
- Sign up for an account or log in if you already have one.
- View the current number of vehicles in the garage and the total capacity of the garage on the dashboard.
- Filter the list of vehicles by license plate number using the search bar.
- View the log of all vehicle entries and exits, including the license plate number, time of entry, and time of exit.
- Super admins can add, edit, and delete entries in the log.
- Users can only view the current list of vehicles in the garage and the log of their own vehicle's entries and exits.
This project includes the following features:
- Firebase authentication for user sign up and login
- Authentication using Google
- Firestore database to store vehicle data and log entries
- Filtering of vehicle list by license plate number
- User roles and permissions for super admins and regular users
- Fully responsive web design
- Single page application
- The app load and perform efficiently