Inspiration
This project was inspired by my experience volunteering at an organisation that hosted a lot of events. For each event, we wanted attendees, speakers, and organisers to have personalised display pictures (DPs) they could share on social media. But the process was always tedious, we had to get a graphic designer to create the flyer, then I would write code to generate the final images using Cloudinary.
Even though there were some platforms that helped generate DPs, they were either too limiting or watermarked, and we still had to design the flyer ourselves. I always thought, if there was a platform that offered clean, beautiful templates for DPs at an affordable price, we would have happily paid.
In Lagos, Nigeria, where I live, there’s always an event happening, and a branded DP really helps spread the word and build hype. That real-world need, and the gaps I experienced firsthand, stayed with me. This hackathon gave me the perfect opportunity to build the solution I had always imagined with the help of Bolt and my wonderful team member Ochuko.
What it does
EventDP allows users to:
- Browse and preview a collection of customizable event templates that are downloadable.
- Explore public events and see how their DPs would look for each one.
- Create their own events
-creating template designs and using templates created by other users.
- Upload their own photos and generate DPs for existing events.
-Use existing templates on the fly while creating a new event.
- AI Description Generation feature for event descriptions in the create feature powered by Gemini.
- Add or adjust placeholder text and images on a live canvas, powered by Konva.
- See live previews of the finished design at every stage, during event creation, template editing, or DP generation.
- Download the final DP image easily to share on social media and messaging platforms. -Dashboard to manage events, templates and DPs created by the user.
How we built it
We built this using Bolt.new, and this was actually our very first time doing vibe coding. It was eye-opening to see how much we could build with just well-crafted prompts. It shifted our whole approach to building products.
The core stack and tools include:
- React + Konva.js for the interactive canvas and live editing
- Supabase for authentication, storage, and database
- Supabase Edge Functions to handle dynamic text generation and Stripe webhooks
- Stripe for handling template purchases and payment flows
- Modular custom components to keep the app clean and scalable
Instead of relying on Cloudinary like I used to, we were able to handle image generation locally using Konva, which gave us more flexibility and better performance, especially for real-time editing.
Challenge compliance
- Startup Challenge - The application is powered by Supabase, we have used the database for our various tables and their CRUD actions, and we have also made use of edge functions to integrate stripe(checkout on buying credits) and stripe webhook(to get updates on user credit balance), to integrate Gemini for the AI description generator feature, to deduct credit on our supabase table on certain user actions.
- Deploy challenge - This application is deployed using Netlify.
Bonus Award
We will like to put in for bonus awards in the following category
- Inspirational Story - EventDP was born from years of manually creating DPs for real events I volunteered on, with no affordable, watermark-free tools available. This hackathon gave me the chance to finally build the solution I once needed. It’s proof that lived experience, paired with the right tools, can become something powerful.
- Sharpest Problem Fit - In a world where events happen constantly, and stylish, personalized DPs are key for promotion. EventDP fits this need perfectly: it makes DP creation easy, fast, and accessible for both attendees and organizers, all in one place. It’s built for a real, repeat problem with a clear, practical solution
Challenges we ran into
- Canvas editing was the biggest technical challenge, making sure placeholder elements were responsive, editable, and intuitive across templates took a lot of time and testing.
- We ran into some Stripe webhook bugs from Bolt's default setup. We had to dig into Stripe’s documentation and event system to debug and get everything working correctly.
- We also faced a domain issue when trying to claim the free Entri domain. We ended up purchasing one, and thankfully, the Entri team helped us get it properly connected. Sadly, we will not be able to participate in the Custom Domain Challenge for this reason.
Accomplishments that we're proud of
- We built a working MVP of something I’ve been thinking about for years, that’s a huge personal win.
- We were able to create a dynamic and visual editing experience from scratch, using tools we had never worked with before (Konva, Bolt, Edge Functions).
- We shipped something that’s relevant, usable, and deeply inspired by real needs I’ve experienced.
- This was our first ever AI-assisted build, and it taught us that we can dream bigger and build faster.
What we learned
- Vibe coding is a game changer. This was our first time using it, and we learned how powerful AI can be when building with the right prompts and intention.
- We learned to work with canvas-based image and text editing using Konva, something that used to feel way too complex now feels doable.
- We explored Supabase Edge Functions and integrated them successfully for Stripe and dynamic content.
- We deepened our understanding of payment flows and webhook debugging with Stripe.
- We learned how to move quickly while still thinking clearly about product design and user experience.
What's next for EventDP
We believe EventDP can become more than a hackathon project. We plan to:
- Add more free and premium templates to give users variety and quality.
- Launch a Creators Program, where designers can upload their own templates for sale, and users can purchase directly through the platform, opening up income opportunities for creatives.
- Explore collaboration features, so organisers and designers can co-create and manage event visuals together.
- Launch in local communities and event circles in Lagos to test adoption and gather feedback.
- Potentially grow this into a source of side income, offering stylish event visuals to people who need them but don’t have design skills or resources.
This project has reminded me that building something valuable doesn’t always need to be complicated, just thoughtful, useful, and built with care.
Log in or sign up for Devpost to join the conversation.