How To Create A Budget App With React

Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today

Creating CRUD apps in React is something that most beginners struggle with so in this video I will be explaining how I would go about creating a simple CRUD app built around budgeting. This is a fun project since it covers many intermediate and beginner level React concepts that all come together to create a complex project.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/react-budget-app Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction 00:40 - Basic Component HTML/CSS 05:10 - Budget Card Component HTML/CSS 16:10 - Budget Context 25:45 - useLocalStorage Hook 28:55 - Adding Budgets 38:08 - Adding Expenses 45:08 - Uncategorized Budget Card 47:55 - Total Budget Card 50:28 - View/Edit/Delete Expenses

#React #WDS #ReactProject ... https://www.youtube.com/watch?v=yz8x71BiGXg