In this video, you're going to build a Complex Expense Budget Tracker. While building it, you're going to learn many advanced React & JavaScript topics. Some of them are State Management in React, Context API, Local Storage, Material UI, and how to create a scalable React folder structure. But most importantly, you're going to learn how to add voice capabilities to your applications using Speechly.
Speechly - https://www.speechly.com/
Materials/References:
GitHub Code (feel free to give it a star ) - https://github.com/adrianhajdin/speechly_expense_tracker_project
NPM packages: npm i
[email protected] [email protected] @material-ui/core @material-ui/icons @material-ui/lab @speechly/react-client @speechly/react-ui chart.js react-chartjs-2 uuid
Speechly Dashboard - https://api.speechly.com/dashboard/
Background Image - https://pasteboard.co/JHehdEm.png
Styles - https://gist.github.com/adrianhajdin/58d4454849ab9a602f9800380d935e45
Categories Constants - https://gist.github.com/adrianhajdin/d6622041e7c21cbc8991bf8638bb5314
Speechly Config - https://gist.github.com/adrianhajdin/aa28f5c4928d05fe55aae37d83dc98d2
Complete Path to JavaScript Mastery - https://www.completepathtojavascriptmastery.com
Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmasterypro.com/newsletter
Business Inquiries:
[email protected] Find Me Here:
Discord Group: https://discord.gg/n6EdbFJ
Instagram: https://instagram.com/javascriptmastery
Patreon: https://www.patreon.com/javascriptmastery
#expensetracker #reactjs #reactproject