logo

Expensify

A comprehensive personal finance tracker built with React Native & Expo in 24 hours! 📱

ExpoReact NatiueSQLite
post_image
23/03/2025
0
Source Code

Overview

Expensify is a feature-rich personal finance tracker I built during the 24-hour HACK.BS hackathon. The app helps users manage their finances with an intuitive interface, comprehensive tracking features, and insightful visualizations—all wrapped in a sleek, modern design.

The Challenge

When the hackathon began, the organizers assigned "expense tracker" as the project theme. With just 24 hours to design and build a complete mobile application around this assigned topic, I needed to quickly develop a solution that would stand out. The goal was to create a fully-functional app that would offer genuine value to users while demonstrating my technical skills.

Development Process

While the hackathon rules allowed working solo, they permitted the use of AI tools. I leveraged Claude Pro with Projects to help with organization, documentation, and fast feature implementation. This proved invaluable for rapidly prototyping components and solving complex problems efficiently.

Despite this assistance, the 24-hour constraint presented significant challenges. I encountered numerous issues including TypeScript errors, hallucinated non-existent functions, and serious architectural problems that required creative solutions. The intensity of building a complex app with multiple interconnected features in such a short timeframe would have been nearly impossible for a novice developer.

Features ✨

Core Functionality 💼

Data Visualization 📊

Technical Highlights 🛠️

Tech Stack 💻

Design & Implementation Highlights

Dark Mode UI

I designed the app with a sleek dark mode interface to reduce eye strain and create a premium feel. The color scheme features vibrant accent colors against dark backgrounds for optimal readability and visual hierarchy.

Modular Architecture

The codebase follows a clean, modular architecture with:

Database Design

The app uses a carefully designed SQLite schema with three primary tables:

Performance Optimization

The app implements several performance optimizations:

Learning Outcomes 🧠

This hackathon project helped me deepen my understanding of:

Conclusion 🏆

Expensify demonstrates my ability to conceive, design, and build a complex mobile application under tight time constraints. It showcases my skills in React Native development, database design, state management, and creating intuitive user experiences.

The hackathon format pushed me to prioritize features, make quick technical decisions, and focus on delivering core functionality—valuable skills that translate directly to real-world development environments.