Skip to content

John's Expense Tracker SDMM 4th Project written in Javascript React framework by Facebook

Notifications You must be signed in to change notification settings

EncompassingResidential/john-expense-tracking

Repository files navigation

README.md

Code Started 2/15/2022, completed 3/08/2022

John Expense Tracking App

SDMM 4th Project Expense Tracking 1st time using React framework created by Facebook and Bootstrap framework

John's Expense Tracker - Click HERE Deployed on Heroku.com

John's Github for the Expense Tracking App

You can find John Ritz's CV Resume here at Linked In www

Click here for my personal Life Coach website, specialty is Addiction after 5 years of addiction counseling in Oregon from 2016 to 2021

Example of what App should look like: John Expense App Example of Screen

Expense App wiki page of things learned during code development is John Expense App Wiki page

Project Features:

Able to type in information about who and what you paid for. If you refresh or close and open the browser the data will be saved locally and show up again after refresh or the browser comes up again.

Description For this project you are going to make an expense tracker to help someone keep track of their finances.

Project Rules will be written in: HTML CSS Javascript Uses React Uses create-react-app command line tool Uses Bootstrap 4 for styling Deploys app to Heroku No copying code of other existing expense tracker apps/projects

Deliverables

  • User can add a new expense by pressing a button
  • Each expense added is display on the screen in a table
  • The expense table shows the following columns
  • The date of expense
  • A description of the expense
  • The amount
  • Where the purchases occured (eg. McDonald’s)
  • User can delete an expense

BONUS

Expenses data can be saved even when browser is refreshed or closed (using local storage)

Learning Resources

Following Scrimba course on learning React really helped do this project. In Scrimba Learn React basics with Bob Ziroll

Bootstrap

Scrimba Learn Bootstrap for free

About

John's Expense Tracker SDMM 4th Project written in Javascript React framework by Facebook

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published