Spentrace Frontend

Overview

This app can be used for simple budgeting tool, you can enter your earnings and expenses or expected cash flow everyday and will give you your how much you owe, your available spending and how much you'll need until the next expense. You can also add your bills and checkout which bills you already paid and add your bank account, credit card and loan's balances.

Deployed App

Frontend
Backend
Backend Code

User Stories

  • As a user, I want to create an account
  • As a user, I want to sign in/out
  • As a user, I want to add, edit and delete a budget
  • As a user, I want to add, edit and delete a bill
  • As a user, I want to add, edit and delete a bank account
  • As a user, I want to add, edit and delete a credit card
  • As a user, I want to add, edit and delete loan
  • As a user, I want to see my total expenses vs income

Technologies Used

  • React - Front-end interface
  • Node.js - Used for development and local app deployment
  • Monogoose - Database
  • Mongoose - ORM
  • Javascript - Basic programming for front-end and back-end funtions
  • JSX - Used to display HTML compoents within our functions
  • HTML - Basic webpage design
  • CSS - Styling
  • Font Awesome - Additional styling
  • Heroku - Deployment
  • Redux

Future Features

  • Goals