PocketFlow

Smart financial management

Comment

Inspiration

Managing personal finances can often feel overwhelming, especially for young adults and students. We were inspired to create PocketFlow as a smart and simple way to help users track their expenses, set budgets, and visualize their spending patterns.

What it does

PocketFlow is a secure, responsive web application that enables users to:

  • Log income and expenses
  • Categorize transactions
  • Monitor budget progress
  • View analytics through bar charts
  • Access their financial data from any device

How we built it

We developed PocketFlow using:

  • Frontend: HTML, Tailwind CSS, and TypeScript with Vite
  • Backend & Auth: Supabase (authentication and database)
  • Data Visualization: Chart.js
  • Version Control: Git and GitHub

Challenges we ran into

  • Configuring Row Level Security (RLS) correctly in Supabase
  • Making responsive visualizations work on both desktop and mobile
  • Implementing secure and persistent user login sessions

Accomplishments that we're proud of

  • Fully functional, secure user authentication system
  • Clear and attractive dashboard with live analytics
  • Clean, modern, mobile-first UI

What we learned

  • Using Supabase for full-stack development
  • Implementing responsive design with Tailwind CSS
  • Handling user-specific data with secure rules

What's next for PocketFlow

  • Adding support for recurring transactions
  • Implementing AI-based budget suggestions
  • Allowing users to export financial reports as PDFs
  • Enabling bank account integration through APIs

Built With

Share this project:

Updates