💰 Expense Tracker

https://expense-tracker-158d8.web.app

Track Your Finances with Ease

This is a sleek and efficient Expense Tracker application built using React and Vite. Designed with simplicity and performance in mind, it helps you effortlessly manage your income and expenses, giving you a clear view of your financial health.

✨ Features

Transactions : Keep your records accurate and up-to-date.
Categorize Expenses : Organize transactions into categories for better insights.
Responsive Design : Seamless experience across devices.
Real-Time Calculations : Instant updates on your total balance and transaction summaries.
Modern UI : Clean and intuitive interface for a pleasant user experience.

🛠️ Tech Stack

React : For building a dynamic and component-driven UI.
Vite : For fast development and optimized builds.
Firebase : For real-time database, authentication, and hosting solutions.
Tailwind CSS : For creating modern and responsive designs with ease.

🚀 How to Run Locally

1 - Clone Repo

https://github.com/MaZikal7nap/ExpenseTracker.git

2 - Navigate To The project Directory

cd ExpenseTracker

3 - Install Dependencies

npm install

Only If [ npm install ] did'nt work for some reason

npm install react-router-dom
npm create vite@latest
npm install firebase
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npx shadcn@latest init
npx shadcn@latest add button
npm i react-router
npx shadcn@latest add dropdown-menu
npx shadcn@latest add dialog
npx shadcn@latest add dialog card
npx shadcn@latest add label
npx shadcn@latest add input
npm i react-hot-toast
npx shadcn@latest add textarea
npx shadcn@latest add badge
npm i recharts

4 - Start The Development Server

npm run dev

Note - You'll Also Need To Create Firebase AC to Add Your Own API Key nd Other Stuff Inside { const firebaseConfig } in src/Config.js

🧭 Live

CLick Here To Visit YouTube Demo

ExpenseTracker

Install / Use

README