/my-wallet-front-end

Primary LanguageJavaScript

My Wallet

An easy to use financial manager. Track your revenues and expenses to learn how you spend your money and know all the time how much you have.


Try it out now at https://my-wallet-frontend-three.vercel.app

About

This is an web application with which lots of people can manage their own expenses and revenues. It was designed to smaller screens (such as cellphones) but it works fine on bigger screens as well. Below are the implemented features:

  • Sign Up
  • Login
  • List all financial events for a user
  • Add expense
  • Add revenue

By using this app any user can learn how they've been using their money and always keep track of your balance. In the future, I would like to add multi-language settings, as well as another currencies (the one implemented is BRL).

Technologies

The following tools and frameworks were used in the construction of the project:

  • Front-end

  • Back-end

How to run

  1. Clone this repository
git clone https://github.com/Celusgo/my-wallet-frontend
  1. Clone the back-end repository at https://github.com/Celusgo/my-wallet-backend
  2. Follow instructions to run back-end at https://github.com/Celusgo/my-wallet-backend
  3. Install dependencies
npm i

  1. In the root folder, create a file named .env in the same format as the .env.example file and fill with your information. e.g.: REACT_APP_API_BASE_URL=http://localhost:YOURPORT, where YOURPORT must be the same PORT number specified in your back-end .env file.

  2. Run the front-end with

npm start
  1. You can optionally build the project running
npm run build
  1. Finally access http://localhost:3000 on your favorite browser.