Basic Expense Tracker Application using Vite Tooling

A simple expense tracker web application built with React that allows users to add, delete, and track expenses. This app also generates reports in the form of pie charts, supports currency formatting, category filtering, and includes dark mode across all pages.

Features

• Add Expenses: Users can add new expenses with titles, amounts, categories, and select their preferred currency.
• Edit/Delete Expenses: Easily edit or delete expenses from the list.
• Report Chart: Visualize expenses by category in a pie chart.
• Dark Mode: Toggle between light and dark modes for a better user experience.
• Currency Formatting: Expenses can be displayed in various currencies based on user selection.
• Responsive UI: The app is fully responsive across different screen sizes.

Technologies Used

• Frontend: React, Tailwind CSS
• Charting: react-chartjs-2 for pie charts
• State Management: React Context API
• Routing: React Router
• Backend: Node.js, Express.js
• Build Tool: Vite

Installation

1.Clone this repository:

    git clone https://github.com/Dark7177/Expense-Tracker.git

2.Install Dependencies for the frontend :

    npm install

3.Switch to the backend directory and install the dependencies :

    cd backend 
    npm install

Running the App

1.Start app:

Go to the root directory of the project and start the frontend:

    npm run dev