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