danbrud/our-expenses

OurExpenses is an expense tracking PWA for couples to track their monthly expenses. Demo -->

OurExpenses

OurExpenses is a PWA built with React for mobile. The app allows for couples to track their monthly expenses and view all their expenses by category. (This app has been built for a hebrew speaking couple).

Demo: https://our-expenses-demo.herokuapp.com

Table Of Contents

• OurExpenses
  • Running the project
  • Screenshots
    • Expense-List
    • Add Expense
    • Reports
    • Menu
  • Tech Stack
  • TODO

Running the project

1. Clone the repo.
2. Run npm install.
3. Run npm run build
4. Run mongod
5. Run npm start.
6. Navigate to http://localhost:4000.

Screenshots

Expense List

An overview of all your expenses throughout the current month. You can select another month with the dropdown. Each expense can be clicked on and expanded in order to see extra information such as the date and category of the expense.

Add Expense

Fill out the inputs and then click add to add a new expense.

Reports

View a report of the totals by category per month.

Menu

Expanded side menu for the app.

Techstack

1. React, Material-UI and Axios.
2. Express (Node.js), Mongoose (MongoDB).

TODO

1. Add a tab view in the reports screen and add an expense report by user.
2. Create real signup/login and database of users for use over many couples.
3. Compare totals between months and show if specific categories increased or decreased between months.
4. Create a loadData function which loads data when the server is started for the demo site and local run.