Outflow project preview

OutFlow

OutFlow is an expense tracking application that helps users to record, categorize, and manage their expenses in a simple and organized way. It works across mobile, tablet, and desktop devices.

Tech Stack

Frontend

React.js for component-based UI and state management

Backend & Authentication

Firebase Authentication for user authentication and sessions

Firestore for real-time data storage

Styling

Tailwind CSS for utility-first styling

Design

Figma for UI layout and design exploration

React logo
Firebase logo
Tailwind CSS logo
Figma logo

Experience

Outflow was my first official project, and I treated it as a real product rather than an academic assignment. I worked under tight deadlines with full ownership, handling everything from initial planning to final execution.

Most of my learning happened through building rather than tutorials. I spent significant time debugging, understanding how different parts of the system worked together, and making independent decisions without a safety net.

Learning

This project exposed me to core design considerations such as color themes, typography, logo design, and UI consistency. I explored these areas enough to understand how design decisions affect usability and overall perception.

While the overall feature set and tech stack were intentionally simple, my focus was on delivering a clean and reliable product. Quality of execution mattered more than adding unnecessary complexity.