The Parking Lot System is a web application that allows the gateman to manage and track entries in a parking lot. It provides functionality to add new entries, view existing entries, and delete entries from the system.
- Add new entries to the parking lot system by providing owner details, vehicle model, number plate, entry date, and exit date.
- View a list of all entries in the parking lot system, including owner information, vehicle details, and entry/exit dates.
- Delete entries from the parking lot system, removing them from the list.
- HTML/CSS: Front-end structure and styling.
- JavaScript: Programming language for client-side logic and interaction.
- Bootstrap: CSS framework for responsive design and pre-styled components.
To run the Parking Lot System locally on your machine, follow these steps:
To get the repo locally you need to clone this repo. Ensure you have Git installed onto your local machine.
To check if git is already installed, run this command in your terminal:
git --version
git clone https://github.com/Se7enseads/Parking-Management-System.git
Using SSH
To use ssh your first need to fork this repo onto your github account then use the ssh provided under the code button.
[email protected]:[Your-username]/[repo]
For more information about git you can checkout the git Documentation.
To run this challenge you will need a Mock API (Application Programming Interface) or Mock server to create an APi to fetch data from, in our case Characters.
To start using JSON Server, we need to install it.
- First check if NPM(Node Package Manager) is already installed:
npm -v
Make sure that the number displayed is greater than 9 or better is the latest. If so continue to step 3
Note: To download the latest version of , on the command line, run the following command:
npm install -g npm
-
To install npm it is recommended to install via NVM or through the official Documents
-
We'll install JSON Server globally on your machine via NPM.
npm install -g json-server
With the command above, you should now be able to spin up a mock server from any directory on your computer.
- To actually start the JSON Server, run the following command from the same directory that the [name].json file is in. In our case the [name].json is db.json:
json-server --watch db.json
When run, you'll see some messaging about how to access our JSON data. By default, JSON Server will start up on port 3000. You should see a notice that you can access the server at http://localhost:3000
For more information about JSON Server checkout their homepage.
- Upon opening the application, you will see a form where you can enter the owner details, vehicle model, number plate, entry date, and exit date.
- Fill in all the required fields and click the "Add Entry" button to add a new entry to the parking lot system.
- The newly added entry will appear in the table below the form.
- To delete an entry, click the "Delete" button next to the corresponding entry in the table.
Copyright ยฉ 2023 Kyle Mututo.
This project is MIT licensed.