track app

This project is a React app, which fetches data from a RESTful API, that I also developed. The purpose here was to create an expense tracker, so the users can use it to manage better their financial matters. There were two things that I liked the most while working on this one. The first was to use JsonWebToken to encrypt a user's persisted data in localStorage. The second was the error handling feature which made the app easier to use.

10
0
JavaScript

Final Capstone

Hello there! Welcome to Personal Expenses, your personal expenses managing application. The purpose of this project is to help people managing their expenses and achieving their personal financial goals.

This is a front-end application, which retrieves data from this API that I developed.

Features

  • Register and login using only the username
  • Create and reset goals of how much money the user plans to expend
  • Track expenses and sort them into six different categories
  • Check a dashboard which summarizes the expenses into the categories
  • Check the history log which displays the expenses info

Screenshot

screenshot

Livedemo

Built With

Packages

Getting started

Setup

Clone the repo with

  https://github.com/tadeuasarro/track-app.git

Install packages with

  npm install

Start server with:

  npm start

Follow the instructions in this repo to start the local server.

Open http://localhost:3000/ in your favorite browser.

Run tests

  npm test

Using

  • The first time you access the app you will have to create a username.

  • The next time you can login using that username.

  • Before adding expenses the application will require you to create a target.

  • After that all you have to do is add the expenses and you can check them out in the home and progress tabs.

Authors

šŸ‘¤ This is me:

Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page

Show your support

Give a star if you like this project!

Acknowledgments

šŸ“ License

This project is MIT licensed.