React Expense Tracker
This project was bootstrapped with Create React App. This project also employs Doughnut/chartjs-2, material-ui & uuid.
Available Scripts
In the project directory, you can run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Table of contents
Overview
Screenshot
Links
My process
Built with
- React
- Material UI
- Doughnut/chartjs-2
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
What I learned
This was my first project with Material-UI and I am still adjusting to its rules. Some of the grid sizing was less than intuitive at first..
Continued development
I will continue to work on accessibility issues and improvements. I want to add a database for the items, SSO google login auth, and a rolling two week subtotal in the income/expenses ledger.
Useful resources
- Video this build was based on: (https://www.youtube.com/watch?v=NnUFOWR_V4Y&t=8266s). I used this video for parts of the build, however I omitted the Speechly, and hosted on Vercel on my own instead of following the video.
Author
- Website - Thomas Aurelius
- Twitter - @thomasaurelius4
Acknowledgments
Kevin Powell, for being a CSS king! I've learned so much from him and his workflows, I am grateful he puts out so many awesome videos. Brad Traversy - Traversy Media, an amazing youtube instructor! Leon Noel - 100devs instructor extraordinaire!