Skip to content

A React app for tracking income and expenses made with TypeScript, and SCSS. ChartJS was also used to provide a clear and powerful visual representation. Tested using Jest and React Testing Library.

Notifications You must be signed in to change notification settings

HMagda/budget-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Budget App

A React app for tracking income and expenses made with TypeScript, and SCSS (CSS preprocessor). ChartJS was also used to provide a clear and powerful visual representation in Line and Doughnut Charts. The app has been tested using Jest Testing Framework and React Testing Library.

Getting Started

  1. Clone or download the repository
  2. Open your terminal and navigate to the project directory
  3. Run npm install to install the necessary dependencies
  4. Run npm start. The application will be running at http://localhost:3000.

Features

  • A user can add and categorize expense, and edit or delete category.
  • The Doughnut Chart displays categorized expenses in different colors, while the Line Chart shows annual and monthly expenses and profits.
  • Income and expenses are differentiated by color, making it easy to get a quick overview of your budget.

About

A React app for tracking income and expenses made with TypeScript, and SCSS. ChartJS was also used to provide a clear and powerful visual representation. Tested using Jest and React Testing Library.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published