/react-finances-manager

Reactjs finances manager app, that offers the functionalities of add financial transactions, calculation of total income, calculation of total outcome and financial statement status (updating according to filters)

Primary LanguageTypeScriptMIT LicenseMIT

Finances Manager

ReactJS Vite Typescript Git

Developer LinkedIn

About the Application

This application allows you to create a list of inputs and outputs of financial transactions, in which you can make comparisons and find out if your finances are in a positive or negative balance.

In this app we have a complete front-end web application, connecting to an API and dealing with applications performance with React.

Go to Content.

Content

Main Libs

React Hook Form | Styled Components | Axios | Zod | UseContext selector | Json-server

ESLint | Prettier

Go to Content.

Project Layouts

image

image

image

Go to Content.

Features

  • Add financial transactions
  • Calculation of total income
  • Calculation of total outcome
  • Financial statement status (updating according to filters)
Go to Content.

How to run

Requirements

Cloning
$ git clone https://github.com/camilacno/2303-finances-manager.git
Installing dependencies
$ yarn # ou npm install
Start web application
$ yarn start # ou npm start
Go to Content.

License

This project is under the MIT license. Go to file LICENSE for further information.

Go to Content.