Cash Flow App

I developed Cash Flow App, a financial tracking web application that enables users to record, manage, and review personal cash flow data in a structured and responsive interface. The system allows users to log income and expense transactions with essential metadata such as title, amount, type, and date, and provides a clear overview of financial history through a paginated table interface.

The application is built with a modern full-stack React framework and integrates Firebase Firestore as a backend service for persistent data storage. This enables real-time data handling without requiring a custom server layer. The UI is designed with reusable components and a consistent design system to ensure usability across both desktop and mobile devices.

My responsibilities included implementing the Next.js App Router architecture, integrating Firebase for database operations, building CRUD functionality for cash flow entries, and designing a responsive user interface using shadcn/ui and Tailwind CSS. The project emphasizes simplicity, usability, and scalable frontend architecture for financial data management.

Tech Stack & Tools

• Frontend: Next.js 14 (App Router), React
• Backend / Database: Firebase Firestore
• UI Components: shadcn/ui
• Styling: Tailwind CSS
• Architecture: Component-based UI with App Router structure
• Data Management: CRUD operations for income/expense entries
• State Handling: Client-side state with React hooks
• Features: Pagination system for transaction history, responsive layout design