/expenses-project-academind

Study project for expenses tracking.

Primary LanguageJavaScript

Expenses Project

This is a basic project made with React for studying purposes. It's an expenses tracker where you can add, edit and delete your expenses. You can view your expenses by year with a chart of expenses and detailed information or you can view a summary of your expenses. The data is not persisted so it will reload every time the page is refreshed.

I coded along during the course React - The Complete Guide (incl Hooks, React Router, Redux) by Maximilian Schwarzmüller at Udemy.

My changes

Everything included in the first commit is from the original project. All later commits are changes that I made to the project. These changes include:

  • Delete expense ✔️ (commit cfc67c)
  • Edit expense ✔️ (commit ca421c)
  • Show total amount per year ✔️ (commits 3a3b44 and 694d8b)
  • Summary page showing total expenses by year with extra detailed information by month ✔️ (commit 496523)
  • Format amount string ✔️ (commit cf594a)
  • Change selected year after adding or updating an expense ✔️ (commit 2001be)

Check it in action

You can check this project at Netlify here.

Or you can run it in your local machine:

  1. Clone this repository and access the its directory.
  2. Run npm install to install its dependencies.
  3. Then run npm start.