PlatinumPark

"All Lots" page
Create a lot
Review a lot
Home page
View a lot

💡Inspiration

Everyone knows the struggle. You’ve driven hours to your destination, you’re tired, and you don’t want to think. One obstacle, however, remains. Parking. The most dreaded part of a commute, you’re now forced to carefully weave through tight spaces, while craning your neck for an open spot. Alternatively, you can just use PlatinumPark.

💪What it does

PlatinumPark is the ultimate companion for all automotive commuters. Look through all parking lots in the area of your destination to find one that is less full using our review tab. Once you find a lot you want to park in, find the shortest path from the entrance of the lot to the closest open parking spot, or from the entrance of the lot, to the closest open spot to the entrance of the building using the navigate tab. The create tab allows for the creation of new parking lots with a simple, intuitive UI.

⚙️How we built it

For building the web app, we used React and Vite to create the frontend, with page routing using React Router. To style and design our interface, we used Sass in conjunction with Tailwind. We also used Typescript to provide a better developer experience. We implemented the parking path finding using an algorithm called Breadth-First Search. We also used HTML Canvas to create the tile editor and render the route. We used Google Cloud's Text-To-Speech API to speak driving instructions to the user. This ensures that they're able to keep their eyes on the road while also driving through an optimally navigated path.

🚧 Challenges we ran into

Our team member had a VSCode Liveshare on their local computer. Abruptly, he said he was going to sleep, then didn’t commit any of his changes, so for the next 11 hours (seriously how long do you sleep, Jeffrey?) (my powerlifting coach has advised me to sleep a bit longer because i am sick) we were unable to access any of the changes we made the previous night. In fact, he woke up 30 minutes before the deadline.

🏆 Accomplishments that we're proud of

Building a fully featured web app in less than 36 hours, despite us doing other activities during that time.
Making the app responsive on all device sizes.
Creating a nice design and using a PlatinumGuard-approved colour in it.

🧠 What we learned

More communication between certain team members on pushing changes before sleeping, and when to wake up

🤔 What's next for PlatinumPark

We hope to implement GPS features to integrate PlatinumPark into popular mapping apps like Google Maps, and also in conjunction with AI to create new parking lots in the app without needing a user to manually create it. We also want to use real-time parking data to make the app even more useful.