Inspiration: Students often struggle to find parking spots, wasting valuable time driving around and ultimately arriving late to class. This frustration inspired us to create a solution that helps students locate available parking quickly and efficiently, saving time and reducing stress.

What it does: The project allows users to scan QR codes at parking spots to check in. This data is saved in a database, and the system tracks the availability of parking spaces. Users can view which spots are available through a dynamic interface.

How we built it: We developed the front end using HTML, CSS, and JavaScript for a smooth user experience. The back end was built with Flask, which manages the real-time parking data and connects with a database to store and fetch parking availability information. We generated QR codes for parking spots, which users scan to check in.

Challenges we ran into: We initially planned to integrate real-time parking availability directly into the main page for users to see instantly, but we couldn't fully integrate the database with the front-end display due to technical constraints. As a workaround, we created a random simulation to demonstrate how many parking spots are available.

Accomplishments that we're proud of: We successfully created a functional system where users can check in via QR codes and store data in a database. Despite challenges, we built a fully working API to track real-time parking availability, and managed to simulate the data display on the main interface.

What we learned: We deepened our understanding of full-stack web development, including building APIs with Flask and creating responsive web designs using HTML, CSS, and JavaScript. We also learned valuable lessons in troubleshooting database integration.

What's next for Smart Parking Availability Tracker: The next step is to integrate the database fully into the main page for seamless real-time availability display. We also plan to enhance the UI/UX design to improve user interaction and add more features for better functionality.

Built With

Share this project:

Updates