Smart Parking System

This is the codebase for the Smart Parking System.

This system is built upon the Material Dashboard 2 React from Creative Tim.

Project Details

Introduction

This application allows users to see the available spaces in all parking lots, park and check out their vehicles via a simple click, and pay for each parking session automatically. In this app, a database system will store the user and vehicle information, as well as the up-to-date status of all parking lots and parking spaces. Moreover, it will also save the user’s parking and payment history for administrative and tracing purposes.

Important Files and Folders

• ./src/layouts/: JS files containing frontend codes for web console
• ./src/sql/: SQL files containing the SQL source codes
• ./app.py: Python file for backend development; integrating with SQL source codes of the required functions

User Manual

The complete report for this project, including the user manual, is here.

Component Documentation by Creative Tim

Each element is well presented in very complex documentation.

You can read more about the documentation here.

Special thanks

During the development of this project, we have used many existing resources from many developers. We want to thank them for providing their tools open source:

• Material Dashboard 2 React - A free MUI Admin Template based on React.
• MUI - The React UI library for faster and easier web development.
• React ChartJS 2 - Simple yet flexible React charting for designers & developers.
• ChromaJS - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales.

Quick start

1. Download and Install NodeJs LTS version from NodeJs Official Page.
2. Navigate to the root ./ directory of the product and run yarn install or npm install to install our local dependencies.
3. Run npm start to view the website locally in the browser.

Browser Support

At present, we officially aim to support the last two versions of the following browsers: