An elegant, voice-controlled expense tracker powered by React, Material UI and Speechly
This complex Expense Budget Tracker is built using reactJS with concepts like
- State Management using ReactHooks like useReducer, useState
- Context API for global State management
- Custom hooks
It uses Material UI Framework for styling and Local Storage. Most importantly, I've added voice capabilities to this application using Speechly.
- React.js
- ContextAPI
- MaterialUI
- Chart.js
- Speechly API
In the project directory, you can run:
Install depedencies
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
- Add $100 Income in category salary for next Monday
- Add $50 Expense or (Expense of $50) in category Travel for yesterday
- Set amount to $10
- Set category to Travel
- Set Date to (particular date or yesterday/today/tomorrow/etc.)
- You can speak the command in any way you like, Speechly will simply grab the keywords such as amount, date, category,type from your sentence