FireFlow

FireFlow – Project Story

The idea for FireFlow was born from a real conversation between team member Ben, who, in the midst of school and life, started thinking seriously about his future—BTOs, family planning, and long-term financial goals.

Despite trying out various financial tools and apps, he found that none of them provided:

Goal-oriented budgeting

Daily-aware spending insights

Collaboration with partners on shared financial milestones

These frustrations became the foundation for FireFlow — a collaborative financial planner for young adults, helping them set goals, track progress, and achieve dreams together.

What We Learned : Through the course of this project, we learned:

Importance of UX for daily habit apps: Users won't use the app unless it's intuitive and pleasant.

Team-based product design: Collaborating with five members meant learning to divide roles effectively and work asynchronously with Git and agile-like sprints.

Tech Stack Frontend: React JS, TailwindCSS

Backend: Express (Node.js)

Database: Supabase

🧪 Key Features 🎯 Goal Setting: Define financial goals (e.g. $100K for a car in 4 years).

📉 Dynamic Daily Spending Limit: Based on your goals and current cash flow.

👫 Collaborative Planning: Share finances with your partner.

🔁 Recurring Transactions: Auto-log subscriptions like Spotify or income like part-time jobs.

📊 Dashboard & Visualisation: See where your money goes via pie charts and bar graphs.

🧗 Challenges We Faced

Data syncing in collaboration Ensuring that changes in one user's account reflected real-time on their partner’s dashboard required learning efficient state management and web socket concepts.
Designing intuitive UX We had to continuously revise our Figma wireframes to reduce user friction, especially for key actions like adding a transaction or setting a new goal.

🌱 Want to Explore: 🔄 Auto-fetch transactions using real bank APIs

🔔 Spending notifications to warn when users exceed daily budgets

⚡ Quick Add Buttons for logging transactions with 1 tap

📱 Mobile-first redesign for better accessibility