Project Setup

Projects Overview

[PROJECT 1] Products Card

[PROJECT 2] Random Product Generator

[PROJECT 5] Friends List

[PROJECT 4] Multi Functionality Accordion

[PROJECT 8] Countdown Timer

[PROJECT 6] Date Counter

[PROJECT 10] Color Generator

[PROJECT 11] Product Search

[PROJECT 12] Task List using useReducer

[PROJECT 7] Expense Tracker

[PROJECT 9] Quiz Quest

[PROJECT 13] Image Gallery

[PROJECT 14] Authentication System

[PROJECT 15] Multi Step form

Section Intro

Project Demo

Divide Project Into Components

Install React App and Clean File Structure

Building The Layout

Separate Components into different file

Render Task List

Working on Form Component- Structure

Passing Props

Render Dynamic Numbers

Controlled Elements

Working on Adding items

Lifting State Up

Working on Submitting Form

Deleting an Item

Working on Analytics

Modifying Items Advanced Immutable Data Handling

Deriving State Calculating Analytics

More on Derived State- Calculate Percentage

Clearing the List

Sorting Items