CardioVibe

Earlier this year, after attending a design conference, I became fascinated by the process of shipping ideas end to end, taking a concept from a sketch to something people can actually use.

That curiosity led me to join Bold.New, the world's largest online hackathon. The challenge: design, vibecode and launch a fully functional app in 30 days.

I decided to learn by doing, pushing myself to see how far I could go if I combined my design mindset with hands-on building.

The result was CardioVibe, a native app I conceived, designed and vibecoded from scratch, now live on the App Store.

During the hackathon, I wanted to focus on something personal and meaningful. I had some issues with blood pressure and realised there was a gap in the market.

The 30-day challenge objectives:

• Learn to "vibecode" (my term for AI-assisted development)
• Design and build a complete iOS app from scratch
• Ship an app in 30 days
• Create something genuinely useful, not just a proof of concept

"I don't code, I vibecode. And this is where it all started."

I wanted to create a solution for myself, and an app that could help others too by encouraging consistency with small, healthy habits.

While researching, I used AI tools such as Perplexity and several SEO-based AI platforms, running my own research experiments, attending events, talking to people and exploring Reddit to understand the main challenges users face.

Using everything I learned, I built an optimised SEO website in just a few hours. It is not pretty, but it is highly efficient and proved invaluable for testing ideas and collecting data.

Over 30 days, I dived deep into the world of vibecoding.

Using Cursor as my AI coding assistant, I learned to structure logic, connect databases through Supabase, and create AI-powered automations using LLMs. I also integrated AI-driven features into the app through n8n.

My toolkit:

• Claude: For planning, problem-solving, and code architecture
• Cursor: AI-powered code editor for rapid development
• SupaBase: For generating the backend
• Figma: For design and QA - N8N: for more advance functionality

This hands-on process, vibecoding, became a completely new way of designing for me. It is about shaping the product directly, starting from functionality and moving backwards into design. That shift in process completely changed how I think, it honestly blew my mind.

Once the functionality was in place, I focused on shaping the brand and interface. The identity came together naturally as the product evolved, clean, playful and calm, with colour and motion inspired by heart-rate visuals.

I wanted CardioVibe to feel encouraging, not clinical. Light, friendly, but always purposeful.

The branding was never a separate task, it emerged organically as I vibecoded the product into life.

After four months of learning, making and refining, CardioVibe launched on the App Store just two weeks ago. The app is now live, stable, and has already reached over 70 downloads.

What matters most is not the number, but the fact that it exists. CardioVibe is proof that design, when paired with curiosity and the right tools, can go all the way from idea to reality.

CardioVibe has been one of the most transformative projects of my career. It reminded me that design is not just about interfaces or visuals, it is about the craft and the idea. Whatever your canvas, Figma, Cursor or anything else, the goal is the same.

I do not code, I vibecode. That means designing by making, learning through doing, and finding creative flow between logic and emotion.

This project expanded how I see my craft. It showed me that design does not end at the prototype, it continues through every layer.

• Cursor has become my new Figma
• Vibecoding bridges the gap between imagination and implementation
• Curiosity is the most powerful design tool
• AI can amplify creativity when used with purpose
• Making is the best way to learn

Try CardioVibe: Available now on the App Store