Skip to content

Latest commit

Β 

History

12 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Š Personal Finance Visualizer

A modern finance tracking web application built with Next.js, React, shadcn/ui, Recharts, and MongoDB.
This project provides an intuitive way to track expenses, categorize transactions, and visualize financial data using interactive charts.


πŸš€ Features

βœ… Expense Tracking: View and manage all past expenses.
βœ… Add New Expense: Quickly record new transactions.
βœ… Interactive Charts: Visualize financial insights using Recharts.
βœ… Responsive Design: Fully optimized for desktop & mobile.
βœ… Sidebar Navigation: Seamless UI for easy access to key sections.


πŸ›  Tech Stack

  • Frontend: Next.js, React, Tailwind CSS, shadcn/ui
  • Charts: Recharts for dynamic data visualization
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Deployment: Netlify (Frontend) | Render/Heroku (Backend)

πŸ“Έ Screenshots

Include relevant screenshots of your dashboard and expenses list here.


πŸ“‚ Project Structure

/components      # Reusable UI components  
/pages          # Next.js pages  
/styles         # Global styles  
/utils          # Utility functions  

About

πŸ“Š Personal Finance Visualizer A modern finance tracking web app to manage expenses efficiently. Built with Next.js, React, Tailwind CSS, shadcn/ui, Recharts, and MongoDB, it allows users to track expenses, visualize spending trends, and categorize transactions with an intuitive UI. πŸš€ Features: Expense tracking, interactive charts, responsive UI,

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages