Skip to content

Jim-Dillon/react-expenses-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Expenses Tracker

This app is a tracker for personal/business expenses, created using React components.

App Features

  1. Button to reveal an input form
  2. Input fields (including built-in calendar)
  3. Filter expenses by year
  4. Bar chart showing monthly expenses (as added)
  5. List of expenses with key data

Code Features

  1. useState hooks (to manage the state of components)
  2. Props (to pass data/logic between components)
  3. Access, store and render user-inputted info (event.target.value)
  4. Two-way binding (to clear an input field when the info is entered)
  5. Event handlers (on elements that trigger functions when an event occurs)
  6. Conditionals to check if an entered input is valid
  7. Styling

Usage

  1. Clone this repo
  2. Run npm install
  3. Open site as live server by running npm start

About

A React-based app to track your expenses

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published