Expense Tracker

A full-stack application for managing personal finances, allowing users to track income and expenses with an intuitive interface and data visualization.

Table of Contents

• Features
• Tech Stack
• Dependencies
• Installation
• Usage
• Environment Variables
• Contributing

Transaction Detail Form	Add Category Form

Categories List	Dashboard

Features

• User registration and login.
• Category management (income and expenses)
• Transaction management (add, edit, delete)
• Dashboard with charts for total income and expenses
• Transaction filtering by date, category, and type
• User profile management (username and password change)

Tech Stack

• Frontend: React, Vite, Redux Toolkit, React Router DOM, Axios, Formik, Yup, Chart.js, Tailwind CSS.
• Backend: Node.js, Express, Mongoose, JWT (jsonwebtoken), bcryptjs, dotenv, cors

Dependencies

Backend

• bcryptjs
• body-parser
• cookie-parser
• cors
• dotenv
• express
• express-async-handler
• jsonwebtoken
• mongoose

Frontend

• axios
• @headlessui/react
• @heroicons/react
• @tanstack/react-query
• formik
• react
• react-router-dom
• tailwindcss
• yup

Installation

Backend Setup

1. Clone the repository:

   https://github.com/Bhargav-kargatiya/expense-tracker-application.git
   cd expense-tracker/backend

2. Install dependencies:

   npm install   

3. Start the server:

   npm run server  

Frontend Setup

1. Navigate to the frontend directory:

   cd ../frontend

2. Install dependencies:

   npm install   

3. Start the development server::

   npm run dev

Environment Variables

Create a .env file in the root of the backend and frontend directories and add the following variables:

• Backend:

NODE_ENV=development 
JWT_SECRET=your_jwt_secret 

Usage

• Register/Login: Create an account or log in using the provided forms.
• Manage Categories: Create, edit, or delete income and expense categories.
• Add Transactions:Record transactions by selecting a category, type, and entering details.
• View Dashboard: Access a visual summary of income and expenses with filtering options.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Ensure to follow the project's coding standards and include necessary tests.