-
-
SPARK homepage: Header, search, interactive map, featured parking, key features, footer, and a persistent nearby button.
-
How it Works page details seamless processes for renters (search, book, park) and owners (list, get bookings), emphasizing mutual benefits.
-
SPARK About Us: connects users and optimizes urban parking with a mission to build community, trust, and sustainability.
-
Sign in and Sign up , With Demo Accounts
-
This image shows the SPARK renter dashboard,allowing users to manage bookings,find parking,view saved spaces,and access account information.
-
This SPARK Owner Dashboard allows owners to manage parking listings, showing details like address, price, availability, and status.
-
Add New Property Listing page on SPARK, guiding owners to set location, details, upload images, set availability, and review their listing.
-
SPARK Admin Dashboard, showing an overview of total users, listings, bookings, and revenue, along with recent platform activity and growth.
🚀 Inspiration
Two years ago, my friend and I were on our way to a highly important business meeting. We arrived in the area perfectly on time — but we couldn’t find a parking spot. We drove in circles for nearly 30 minutes, and the stress kept growing. Eventually, we missed the meeting.
That experience was deeply frustrating. But on our way back, something caught our attention: we saw several private parking spots sitting empty — completely unused during working hours.
That’s when the idea struck me:
What if people could share their unused private parking spaces with others in need?
It felt obvious and powerful. Many people own parking spaces they don’t always use — while others waste time and miss opportunities just because they can’t find a place to park.
That moment of frustration became the spark behind our platform — and gave birth to SPARK, a shared parking service designed to solve a daily problem that millions of people face
🔍 What it does
SPARK is a web platform that connects people looking for parking with individuals who have free, unused parking spaces. The system allows:
- Drivers to search and instantly book parking spots near their destination
- Space owners to list their parking availability (by time, date, or weekday) and earn passive income
- Both parties to manage reservations, time slots, and payments
- Admins to monitor users, listings, and platform activity via a dedicated control panel
🛠️ How we built it
The development journey of SPARK began with a pencil and paper.
I first drafted a complete site map as a flowchart, outlining every core page, user interaction, and the overall navigation experience. This helped me clearly visualize how different users — parking seekers, parking owners, and admins — would interact with the platform.
Once the structure was ready, I turned to AI tools to bring the idea to life. I used Bolt.new, an AI-powered development assistant, to help transform my flowchart into real, functional web components. Bolt’s smart guidance enabled me to translate complex logic into code, design responsive layouts, and integrate features faster than I could have done alone.
The whole process was a mix of planning, iteration, and collaboration with artificial intelligence — and watching an idea grow from a sketch into a working product was one of the most rewarding parts of the journey.
⚠️ Challenges we ran into
One of the biggest challenges I faced was that I have no background in programming — not even the basics. I had never worked with backend systems, databases, or even APIs before. So building something like SPARK was a huge leap out of my comfort zone.
While using the Bolt platform, I encountered frequent error messages, and sometimes the site wouldn’t even load at all. These constant technical issues made the process frustrating and exhausting. There were moments I felt completely stuck and honestly lost motivation to continue.
I had a much clearer and more advanced vision in my mind for SPARK — but the limitations of the platform, combined with my lack of coding skills, made it hard to fully bring that vision to life.
For example, I struggled a lot with things like connecting Google Maps through an API, placing code blocks correctly, and understanding how even simple features were supposed to function.
But despite all of that, I didn’t give up. I kept trying, used AI guidance wherever I could, and step by step, I managed to build something that works. It may not be perfect, but it's a working prototype of a real idea — and I'm proud of that.
🏆 Accomplishments that we're proud of
- Successfully built a complete working prototype
- Designed a beautiful, user-friendly interface across all roles (user/admin)
- Implemented real-time availability logic and seamless navigation
- Drafted smart legal/privacy frameworks for user responsibility
- Transformed a personal pain point into a universal solution
📚 What we learned
- Solving real-life problems leads to meaningful product ideas
- A great UI isn't about beauty alone — it's about clarity and experience
- Time and trust are the core challenges in marketplace platforms
- Even small unused resources (like a parking spot) can drive real impact when shared
🔮 What's next for SPARK
- Mobile app version for iOS and Android
- In-app payments and verification system
- Dynamic pricing model based on demand/time
- User rating & review system
- Partnering with businesses and municipalities for exclusive listings
- Community growth and ambassador programs
Note: This version of SPARK is an early-stage demo built under a tight deadline for submission purposes. It is not fully optimized for mobile devices and still requires additional time and development to reach its complete potential.
Built With
- and-lucide-react-for-icons.-build-tool:-vite-is-used-as-the-build-tool-and-development-server.-database-&-backend:-supabase-provides-the-postgresql-database
- and-row-level-security-(rls).-apis:-the-google-maps-api
- authentication
- css
- css-frameworks/libraries:-react-for-the-user-interface
- geometryapi
- google-maps
- html
- including-its-places-and-geometry-libraries
- javascript
- languages:-typescript
- lucideicons
- placesapi
- postgresql
- react
- react-router-dom-for-navigation
- reactrouterdom
- rowlevelsecurity
- supabase
- tailwind-css-for-styling
- tailwindcss
- typescript
- user-authentication
- vite



Log in or sign up for Devpost to join the conversation.