Imported Chart.js library along with React compatible Chart.js for easy component installation and access
Crafted Outlook page
Modified styling within cards to allow for more faithful representation of wireframe
Utilized Chart.js to display raw API pulled data on page
Utilized needed array methods to create representation of how much money is actually spent on which expense.
Related Issue
37
Motivation and Context
This feature allows for a quick visual for how much money is spent within what specific categories. It allows for those who are wishing to view their spending habits at a glance to do so in a way that isn't overly verbose. It's a tool for enhancement.
How Can This Be Tested?
Pull PR branch
Install needed dependencies (Chart.js)
Navigate to 'Timeline' page after standing web server
View each chart and how they differ within each month.
Screenshots (if appropriate):
Types of changes
[x] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)
Description
Related Issue
37
Motivation and Context
This feature allows for a quick visual for how much money is spent within what specific categories. It allows for those who are wishing to view their spending habits at a glance to do so in a way that isn't overly verbose. It's a tool for enhancement.
How Can This Be Tested?
Screenshots (if appropriate):
Types of changes