Image of how the appp would look on your phone

💸 No More Debt – Hackathon Project Story

By Alexandra & Chichi

🌟 Inspiration

We’ve all seen it — friends, family, or ourselves buried in debt. Student loans, credit cards, medical bills... it’s overwhelming, confusing, and often isolating. And the worst part? People don’t know where to start or who to trust.

That’s where the spark for No More Debt came from:
We wanted to create a supportive, intelligent, and instantly helpful AI assistant that could answer real debt-related questions in plain language — like a personal financial coach in your pocket.

We imagined something fast, simple, and human — not another app that makes you feel worse.

🧠 What We Learned

This project pushed us into new technical territories:

Using no-code tools to rapidly prototype
Building end-to-end AI workflows with n8n
Integrating OpenAI APIs for personalized, generative responses
Deploying a live web app in record time

Neither of us had ever used all these tools together before, but we were curious, scrappy, and determined. That curiosity paid off.

We also learned that simplicity wins. The more we stripped back features and focused on clarity, the better the user experience became.

🛠️ How We Built It

Here’s the 7-step breakdown of how we made the magic happen:

Ideation & Research
Identified the problem, drafted the concept, and chose a lean tech stack (Loveable.ai + n8n + OpenAI).
Frontend Creation (Loveable.ai)
- Prompted the tool to build a clean web app with a form for users to ask debt questions.
- Simplified the UI for clarity: one input field, one button, and a response area.
Backend Workflow (n8n)
- Created a webhook in n8n to catch form submissions.
- Configured the workflow to send the user's question to OpenAI.
AI Agent Integration (OpenAI API)
- Connected OpenAI via API key inside the n8n flow.
- Mapped the user question as the prompt for the AI agent.
- Received a structured, helpful financial response.
Response Display in the App
- Modified the Loveable frontend to wait for the AI response and display it under: “Here’s your solution.”
Production Deployment
- Switched webhook from test mode to production URL.
- Final testing showed all data flows worked live — no toggling test mode needed.
Version Control & Future Expansion
- Pushed final code to GitHub.
- Plan to add Supabase for user login, history, and personalization.

😅 Challenges We Faced

Frontend Overload:
Our first app version had too much going on — too many forms, sections, and distractions. We quickly realized users needed just one thing: a place to ask their question.
Connecting Tools Seamlessly:
Getting Loveable.ai, n8n, and OpenAI to “talk” to each other took some trial-and-error (especially with webhook testing and response handling).
Real-Time Feedback Loop:
Ensuring the user could submit a question and instantly get a response — with error handling, loading states, and clarity — was trickier than expected, but ultimately rewarding.

🏁 Final Thoughts

We’re proud that this app wasn’t just a demo — it’s a real solution that people can use today. We turned hours of development into under one hour of execution using modern tools and collaborative creativity.

This hackathon taught us to: