Parkinglot
🅿 Parking lot registration system built with pure JavaScript, HTML, CSS. https://liyasthomas.github.io/parkinglot
Install / Use
/learn @liyasthomas/ParkinglotREADME
parkinglot for buy me a coffee
Demo
https://liyasthomas.github.io/parkinglot
System Requirements
I will focus on the following set of requirements while designing the parking lot:
-
The parking lot have multiple slots. Slots are filled in FCFS (First-Come-First-Serve) order.
-
Customers can register for parking ticket by providing informations such as vehicle's registration number, owner's name, email ID, date of allocation, slot number etc.
-
Once a slot has been occupied by a customer for a particular date, it won't be available for allocation by other customers for the same date. Only one vehicle can be parked in a particular slot on a date.
-
Customers can view, edit and delete allocation.
-
Deleting a vehicle will deallocate the particular slot for that date.
-
Search vehicles by registration number, owner's name, email ID, date of allocation, slot number etc.
-
Web UI
Technology Stack
Languages and libraries used in this project:
Languages:
- JavaScript ES6
- HTML 5
- CSS 3
Libraries
- BootStrap v4.3.1
- jQuery v3.4.1
Screenshots
<div align="center"> <img src="images/screely0.png" alt="metadata" width="100%"> </div>Related Skills
node-connect
348.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
108.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
348.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
348.0kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
