PS: Github Pages Just Show the static implementation, for the integration with the backend please check the backend repo!
LotMaster System is a cutting-edge solution designed to streamline parking lot operations and enhance customer service. This comprehensive system offers a multitude of features and leverages a range of technologies, empowering parking lot owners to efficiently manage parking spaces and provide an exceptional experience for their customers. With a sleek and intuitive user interface, the Parking Management System Frontend ensures seamless parking sessions, vehicle management, user administration, and comprehensive control over parking facility operations.
Demo Link For The Application.
LotMaster offers a wide range of capabilities to enhance your parking lot management, including:
- Dashboard: A centralized dashboard that provides an overview of the parking lot, including occupancy status, available parking spaces, and revenue information.
- Effortless Parking Sessions: Initiate and terminate parking sessions with ease, ensuring accurate calculation of duration and fees.
- Streamlined Vehicle Management: Register and update vehicle information, including license plates and owner details, for efficient tracking.
- User-Friendly Interface: Enjoy a sleek and intuitive user interface that simplifies the parking management process for both owners and customers.
- Real-Time Monitoring: Gain complete visibility into parking lot operations, monitor occupancy, and control the allocation of parking spaces.
- Automated Billing: Generate receipts and invoices for completed parking sessions, enabling seamless payment processing.
- Customization Options: Tailor the Parking Management System to meet the unique needs of your parking facility, with configurable settings and parameters.
Follow the instructions below to get the LotMaster System up and running on your local machine.
-
Node.js: JavaScript runtime environment required to run the Parking Management System Frontend. You can download Node.js from the official website: https://nodejs.org.
-
npm: Node Package Manager (npm) is bundled with Node.js and allows you to install and manage dependencies.
-
Vue CLI: Command-line interface for Vue.js, used to scaffold and manage Vue projects. Install Vue CLI globally on your machine using the following command:
npm install -g @vue/cli
-
TypeScript: Superset of JavaScript that adds static typing and other advanced features. TypeScript is used in LotMaster for improved code maintainability. Install TypeScript globally using the following command:
npm install -g typescript
-
Clone this repository to your local machine using:
git clone https://github.com/bouchraakl/LotMaster.git
-
Navigate to the project directory in your preferred IDE.
-
Install the project dependencies by running the following command:
npm install
To run the Parking Management System Frontend, use the following command:
npm run serveThis command compiles and hot-reloads the application for development. Open your browser and navigate to the provided URL to access the application.
To build the Parking Management System Frontend for production, execute the following command:
npm run buildThis command compiles and minifies the application, generating optimized files ready for deployment. The production-ready files will be placed in the dist directory.
Please refer to the backend documentation for information about the backend implementation and the API endpoints used by the frontend. The backend documentation will provide details on how the frontend communicates with the backend to perform various actions and retrieve data. For the Backend and API implementation, please refer to the Backend Application.