ParkStacks

Simulate a LIFO parking garage with live capacity, plates, and departure logs.
Vanilla HTML, CSS, and JavaScript. Stack-backed parking model.

Live Demo  ·  GitHub Pages  ·  Quick Start  ·  Structure  ·  License

Contents

• Overview
• Features
• Quick Start
• Project Structure
• Other design eras
• License
• Course Note

Overview

ParkStacks models a PUP-CEA style parking garage using a stack (LIFO). Park and depart vehicles by plate, watch occupancy update in real time, and review arrival and departure activity with light/dark theming.

Features

Feature	Description
Stack parking	LIFO park/depart with capacity checks
Live board	Spot grid and occupancy counters
Plates	Manual entry or random plate helper
Logs	Arrival and departure movement stats
Theme toggle	Light and dark UI

Quick Start

git clone https://github.com/cikeyz/park-stacks.git
cd park-stacks
python -m http.server 8000

Open http://127.0.0.1:8000/

Project Structure

park-stacks/
├── index.html
├── script.js
├── styles.css
├── LICENSE
├── README.md
└── .gitignore

Other design eras

Branch	Notes
overhaul/garage-redesign	Multi-file CSS garage redesign (Case Study 2X). Design archive; do not merge into main.

License

MIT. See LICENSE.

Course Note

Built for CMPE 201 (Data Structures and Algorithms), Polytechnic University of the Philippines, under Engr. Julian L. Lorico Jr. Final project case study. Published here as a standalone project.