YoVDO

How to Create a Budget App with React

Offered By: Web Dev Simplified via YouTube

Tags

React Courses Web Development Courses CRUD Operations Courses Budget Management Courses Local Storage Courses

Course Description

Overview

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX