Skip to content

This is a React application for tracking expenses. It allows users to add, edit, and delete expenses, as well as view their total expenses. The app uses hooks (useState, useContext, useReducer) and the context API to manage state and data.

Notifications You must be signed in to change notification settings

Quantumminded/Expense-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Expense Tracker

This is a expense tracker application built using React with hooks (useState, useContext, useReducer) and the context API. This app allows users to add, edit, and delete expenses and see their total expenses.

Usage

Adding an Expense

  1. Click on the "Add New Expense" button.
  2. Fill out the form with the expense details.
  3. Click on the "Add Expense" button to add the expense.

Editing an Expense

  1. Click on the expense you want to edit.
  2. Update the expense details in the form.
  3. Click on the "Update Expense" button to save the changes.

Deleting an Expense

  1. Click on the expense you want to delete.
  2. Click on the "Delete Expense" button to delete the expense.

Technologies Used

  • React
  • Hooks (useState, useContext, useReducer)
  • Context API
  • CSS

Installation

  1. Clone the repository

    git clone https://github.com/your-username/react-expense-tracker.git

  2. Change directory to the project folder

    cd react-expense-tracker

  3. Install dependencies

    npm install

  4. Run the app

    npm start

  5. Open http://localhost:3000 to view it in the browser.

image

About

This is a React application for tracking expenses. It allows users to add, edit, and delete expenses, as well as view their total expenses. The app uses hooks (useState, useContext, useReducer) and the context API to manage state and data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published