pfm-web

Personal Finance Manager – Web App

This repository contains the user interface (UI) and web application for the Personal Finance Manager project.
It provides the frontend layer where users can interact with the system through a simple, intuitive dashboard.

✅ Project Status: Completed on April 11, 2026, but not limited for future enhancements, added features, and bug fixes.

Overview

The UI/Web App is designed to:

• 🖥️ Provide a clean and responsive dashboard for managing finances
• 📊 Display income, expenses, budgets, and savings in an easy-to-understand format
• 🔗 Connect seamlessly with backend REST APIs and the database module
• 🎨 Offer a user-friendly experience with modern design principles

Structure

• Components – Reusable UI elements (forms, charts, tables)
• Pages – Main views such as Dashboard, Budgets, Reports
• Assets – Stylesheets, images, and icons
• Config – Environment and API connection settings

Tech Stack

• Framework: React 19
• Build Tool: Vite
• Language: TypeScript
• Charts: Recharts
• Styling: Vanilla CSS

💡 Author’s Note

This project was developed as a showcase of Generative AI, Prompt Engineering, and Agentic Development.

While I possess basic knowledge of web technologies, I am not an expert in React, TypeScript, or UI Design. The entire codebase, for the Web Application, was architected and implemented using Google Antigravity. This project stands as a testament to the power of agentic AI in modern software development.