Build Modern Todo app for React Beginners

Stop making boring Todo application in React. Instead of that build this modern to do react application. I specially design this project for React beginners. This is the Modern To do application for React beginners.

🤩MY FAVORITE TOOLS & GEARS

Topics Covered in this video
- Building todo application in react
- Todo app in react
- modern todo application
- how to plan react application
- handling form in react
- shortcut trick for handling multiple forms in react
- props
- add task functionality
- tag selection functionality
- adding custom fonts
- much much more

Overview
00:00:00 Intro
00:00:18 Create react application using vite
00:01:17 Todo App Features
00:02:57 How I plan react project
00:04:56 Creating website layout
00:10:35 Building task form component
00:14:36 Adding styles for form component
00:21:53 Creating Tag component
00:23:55 Props in React
00:28:25 Building Task List Component
00:34:24 Exercise Solution
00:38:32 Building TaskCard Component
00:46:06 Handling Form inputs
00:51:38 Shortcut Trick to handle multiple form inputs
01:00:17 React Strict Mode
01:02:54 Handling Tag Selection
01:10:50 Display selected tag on UI
01:16:34 Display Task Cards
01:24:10 Deleting Single Task
01:30:29 Saving Tasks in Local Storage
01:33:23 Basics of useEffect Hook
01:38:59 Adding custom fonts

Write in comment section, Which extension you will use for the future React Project.

Social Media Links

Tags
react,react js,reactjs,react tutorial,react tutorial for beginners,react js tutorial,reactjs tutorial for beginners,todo app react,todo app reactjs,react todo app,modern todo app react,modern to do app,react beginner projects,react beginner tutorial,react tutorial todo,react tutorial todo list,todo app react js,modern react app,react todo,react todo list,react todo list tutorial,reactjs tutorial,react project tutorial,learn react

[CodeBlessYou]

Only first 100 students will get this course completely FREE

[ТетянаХомяк-ьп]

OMG!!!! your job is amazing! finally, I have found the best of the best! THANK YOU SO MUCH for your videos!!!!

[mk]

Man Code Bless You ! I made this project in 3 hours straight and i gained so munch time learning react with this. You should do more tutorials like this for React websites or anything else that allow us to touch more React to learn by ourselves by concrete examples.

[priya_bala]

Awesome video. One request bro please add Edit icon next to delete icon and plz add that functionality too.

[karthii]

whenever i try to extract those resources and css files, it shows an error message like - ' the archive is either in unknown format or damaged' followed by another message 'archive not found'. why is that happening?

[jasonhall]

save the changes... and taaaake a look!!

[nunajah]

Create a project with Nextjs + typescript. Please sir 😊

[vijaylogin]

please share github links of this project

[vijaylogin]

please share github link of this project

[PrathamGite]

Uncaught TypeError: tasks.map is not a function

pls help me to get out from this error

[chetan_rajputt]

Brother how to improve English for interview, i am Reactjs developer .

[flxi]

which font is this brother, brother tell me which font is this.

[m.hamzajaved]

The idea in my mind is: Task Manager (To-Do List) with Categories An enhanced to-do list allowing users to categorize tasks.
can you guide me how we can implement categories. @CodeBlessYou

[vijaylogin]

please share github link of this project

[vijaylogin]

please share github link of this project

[vijaylogin]

please share github link of this project

[Belal_Uddin]

please share github links of this project