Financial Management Dashboard

Overview

This project is a financial management dashboard created as an example. It demonstrates modern web development practices using Next.js, React, and various UI components.

Features

• Home dashboard overview with financial metrics
• Income and expense tracking/management
• Category and budget management
• Interactive data visualization
• Real-time financial calculations

Tech Stack

• Next.js 15.0 / React 19.0
• TypeScript
• Tailwind CSS
• Shadcn UI Components
• React Context API
• Recharts
• React Hook Form + Zod
• Local Storage

Screenshots

Homepage showing income and expense charts for financial analysis

Expense management interface with options to add new expenses and delete existing ones

Income management interface with features to add and delete income entries

Getting Started

npm install    # Install dependencies
npm run dev    # Start development server
npm run build  # Build for production

Project Structure

• components/ - UI components and layouts
• pages/ - Next.js pages
• contexts/ - React contexts
• styles/ - Global styles and Tailwind config
• hooks/ - Custom React hooks

Author

Author: AtikoSpeed