ParkingSim is an interactive web-based parking lot simulation designed to demonstrate the dynamics of a busy parking area. This project showcases various programming concepts including DOM manipulation, event handling, and simulation logic.
- Real-time simulation of a 12-spot parking lot
- Automatic hourly updates with random car arrivals
- Visual representation of occupied and free parking spots
- Blinking effects for arriving and departing cars
- Event logging system for tracking parking activities
- Responsive design for various screen sizes
[Add a link to a live demo or a screenshot of your simulation here]
- A modern web browser (e.g., Chrome, Firefox, Safari)
- Basic understanding of HTML, CSS, and JavaScript
- Clone the repository:
git clone https://github.com/yourusername/ParkingSim.git - Navigate to the project directory:
cd ParkingSim - Open
index.htmlin your web browser.
- The simulation starts automatically when you load the page.
- Each parking spot is represented by a square on the grid.
- Green spots are occupied, while grey spots are available.
- Yellow blinks indicate an arriving car, red blinks indicate a departing car.
- The status display shows the current hour and number of arriving cars.
- Use the "View Log" button to see recent events, such as cars unable to find parking.
index.html: The main HTML file containing the structure of the web page.src/style.css: Contains all the CSS styles for the project.src/learn.js: The JavaScript file containing the simulation logic.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE.md file for details.
- [List any resources, libraries, or inspirations you used for this project]
For a detailed changelog, please see the UPDATE_LOG.md file.
Your Name - @yourtwitter - [email protected]
Project Link: https://github.com/yourusername/ParkingSim