How to create a Todo List ✅ application in React | Beginner React Project ⚛️| TechHarvesting

Опубликовано: 21 Март 2026
на канале: Tech Harvesting with Naseel
230
13

In this video, we will have a look at how we can build a todo list application with React , Tailwind CSS and save the todos in localStorage

📚 ■■ Reference & Links ■■🌐
Code on GitHub: https://github.com/techharvesting/rea...
React: https://reactjs.org
Tailwind: https://tailwindcss.com/



■■■■■■ TIMESTAMPS ■■■■■■■■■■

0:00 Intro
0:33 Project Demo
01:52 Setting up React and Tailwind
13:25 Todos component with default data
19:16 Todo component for each todo
25:59 Adding a new todo item
42:25 Load todos from localStorage
45:25 Checking todos
49:42 Removing Todos
58:00 Style Enhancment ( Border and Shadow )
1:00:54 Outro . Byeee 👋🏻


■■ Other Links🌐👨‍💻
Website + Blog: http://www.techharvesting.in

■■Social Links🖥️👦
LinkedIn:   / naseelniyas  
Twitter🦜:   / naseelniyas​​​​  
Email📧: [email protected]
GitHub [0] 🖥️: https://github.com/techharvesting
GitHub [1] 🖥: https://github.com/naseelniyas

And do not forget to subscribe!

#techharvesting