EasyPark is a parking management system that allows you to see the status of parking spaces in real-time, making it easier for employees to complete parking management. Furthermore, it has important features such as user management, customer management, frequent customers, vehicle management, monetary income management, and parking space price management. It also contains customer histories, vehicles, income, contacts, and parking and income statistics.
-
Markdown Standards Support: Compatible with standard Markdown and GFM (GitHub Flavored Markdown).
-
Modern User Interface: Uses Material UI and Ant Design for an attractive and functional user experience.
-
Security: Implementation of authentication and authorization using JWT and Bcrypt.
-
Backend Architecture: Developed with Node.js, Express, and MongoDB for a robust and scalable backend.
-
Frontend Architecture: Built with React and Vite.js for a fast and efficient frontend.
-
Complete Management: Includes management of users, clients, vehicles, monetary income, and parking prices.
-
Histories and Statistics: Detailed tracking of parking and income histories, and visualization of statistics.
-
Roles and Permissions: Role system for administrators and employees.
-
QR Code for Customers: The generation of the QR code allows customers to see in real-time the monetary amount (approximate) to pay for the parking service depending on the time of use of the service.
1. Clone the repository:
https://github.com/Frnn4268/EasyParkSystem.git
2. Dependency Installation (Backend and Frontend):
npm install
3. Initialization of the Project (Backend and Frontend):
npm run dev
1. Create a User: Sign up and create an account.
2. Login: Log in with your credentials.
3. Parking Management: Navigate to the Parking section to manage spaces and conditions.
4. Register Customer and Vehicle: A new customer and his vehicle enter.
5. History: The data will be automatically saved in the Parking History.
6. See Customers and Vehicles: Check registered customers and their vehicles in the appropriate sections.
7. Statistics: View parking statistics and daily income.
8. User Roles: Manage Administrator and Employee roles to manage permissions.
9. QR of Customer: The customer will be able to scan the QR code generated according to the parking space ID and will be able to see information related to their vehicle and an approximate payment for the service.
Contributions are welcome! Please follow the steps below to contribute:
-
Fork the project.
-
Create a new branch:
(git checkout -b feature/your-feature).
- Make your changes and commit
(git commit -am 'Add a new feature').
- Upload your changes to your repository
(git push origin feature/your-feature).
- Creates a new* Pull Request.*
"The following images seek to illustrate the operation of this project and show some of the modules that the project has"