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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity