Finance Pulse App 💰

A personal finance dashboard to track income, expenses, and spending patterns — all in one place.

🌐 Live Demo

---

---

Overview

Finance Pulse App is a React-based web application that gives users a clear visual picture of their financial health. Built with TypeScript for type safety and Recharts for data visualization, it provides an interactive dashboard to monitor income, track expenses, and understand spending trends over time.

---

Features

• 📊 Interactive income vs expense charts
• 💸 Transaction tracking with category breakdown
• 📱 Fully responsive — works on mobile and desktop
• 🧭 Sidebar navigation for clean UX
• ⚡ Fast performance with Vite build tooling

---

Tech Stack

Layer	Technology
Frontend	React 18 + TypeScript
Build Tool	Vite
Styling	Tailwind CSS
Charts	Recharts
Deployment	Vercel

---

Getting Started

# Clone the repository
git clone https://github.com/ckprojects77/Finance-Pulse-App.git
cd Finance-Pulse-App

# Install dependencies
npm install

# Start development server
npm run dev

App runs at http://localhost:5173

---

Project Structure

src/
├── components/       # Reusable UI components
├── pages/            # Dashboard and route pages
├── hooks/            # Custom React hooks
├── lib/              # Utility functions
└── styles/           # Global styles

---

What I Learned

• Structuring a TypeScript + React project from scratch with Vite
• Working with Recharts to build responsive, data-driven visualizations
• Managing component state and data flow across a dashboard layout
• Deploying and configuring a production build on Vercel

---

Author

Built by ckprojects77

---

License

This project is for educational purposes.