Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create a Budget App with React

Web Dev Simplified via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Create a comprehensive React budget application in this hour-long tutorial. Master CRUD operations and intermediate React concepts while building a practical budgeting tool. Begin with basic component structure and styling, then progress to creating budget cards and implementing context for state management. Learn to utilize local storage for data persistence, add budgets and expenses, handle uncategorized items, and calculate totals. Conclude by implementing view, edit, and delete functionalities for expenses. Perfect for beginners looking to enhance their React skills through a real-world project.

Syllabus

- Introduction
- Basic Component HTML/CSS
- Budget Card Component HTML/CSS
- Budget Context
- useLocalStorage Hook
- Adding Budgets
- Adding Expenses
- Uncategorized Budget Card
- Total Budget Card
- View/Edit/Delete Expenses

Taught by

Web Dev Simplified

Reviews

Start your review of How to Create a Budget App with React

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.