How To Make To-Do List App Using React JS And Tailwind CSS | Create Task App In React JS

Learn How To Make A ToDo List App (To-Do List App) Using React JS And Tailwind CSS | Create Task App In React JS And Tailwind. #ReactJS #reactjsproject #tailwindcss
SUBSCRIBE: @GreatStackDev

❤️ Zero to Advanced JavaScript Course with Certification:

-----------------
In this tutorial, we will create a To-Do list web app (Task App) using react JS and tailwind CSS. This react ToDo app contains a input field, so that user can enter their task. Then the task will be added in the list.

When user click on any task (or any to-do list) then it will be marked a completed or incomplete task. User can also delete the to-do items from the list using the delete icon (bin icon).

This To-Do Task list will be saved in the browser, so that when we open the browser again we will find all our saved To-Do list / task list. To design this React App we will use Tailwind CSS.

Tailwind CSS tutorial for beginners:

------------------------------
Recommended Full Stack Projects:

Watch Full Stack E-commerce Website tutorial:

Watch Full Stack Food Order Website tutorial:

-------------------------
Timestamp:

00:00 Project Overview
02:51 Setup React Project
06:42 Install & configure Tailwind CSS
10:58 Create To-Do app UI
34:32 Add new task in To-do App
46:05 Delete task from To-Do app
51:46 Mark task as complete or incomplete
01:02:04 Store task list or To-Do List in browser

-----------------------------------------
Suggested Course:

Complete JavaScript course with 30 projects:

Complete HTML and CSS with 8 projects:

-------------------------------------
Recommended Videos:

Beginner's HTML and CSS tutorial:

Beginner's JavaScript tutorial:

Make A Complete Website for college using HTML & CSS:

How to make a Business website step by step:

How to make personal resume website step by step:

How to make fitness website design using HTML CSS:

How to make an Ecommerce Website Design:

How to make a Job Portal website design with HTML & CSS:

How to make travel website design with HTML CSS Bootstrap:

-------------------------------------

◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:

-------------------
Image and icon credit:

-------------------------------------
Connect with me:

Connect with GreatStack:

[AmateurCombaT]

You explain better and better with each video, really great work and super helpful, thank you very much !

[olufunmilayoagboola]

So, this Todo list app video helped me in carrying out my capstone project at Univelcity Academy where i have been training to become a full-stack developer. Although i made mine a fullstack Todo list app which many users can have access to by creating authorisation for each user. Thank you so much Boss for always helping the upcoming techies. I also made use of your uploaded portfolio video to build my portfolio website. I am grateful for this

[Salah-YT]

Thank you so much, bro! I really enjoyed it and learned a lot. Just a tip for better practice: when using arrow functions, you can often skip the return keyword and curly braces, and sometimes && is more concise than ?:. But it’s up to you. Thanks again!😍

[ajiteshmishra]

Your explanation is very good.


Please create one video on Redux as well as Redux Toolkit on any React Project from scratch with small and large data so that every concept can be cleared.

We can answer every interview questions smoothly.

[fitnessfreak]

Literally, i am searching for To do.. And your notifications come 😀😍❤

[NoobCorporations]

Please bro make a tutorial on full stack blog website with admin panel

Please bro, love your videos ❤

[Eng_Jim]

Why not using actual icons instead of icon images?

[saranrajmeee]

Please show the output and code by spilt screen it will be very useful sir

[hamaadafzal]

Sir kindly create a multi vendor e-commerce website using mern stack

[DeepaSharma-jhrk]

it's nice to learn.. and one thing u forgot edit function..

[saivutukuri-od]

Super Explanation Post videos on React Regularly

[just-learning-oneT]

Thanks for Teaching Free Excellent Contents .Thanks you Sir !👍❤

[JD-SANJEY]

Please put the video for explaining the concept of react Material UI

[gokulrajpalanisamy]

Sir, Great content❤❤
Plz create LMS website using MERN STACK (using react) with all admin functionalities ❤

[Urdu_Poetry]

Great Work !
Would be more efficient if Edit and DeleteAll functionality would be implemented!

[visiion]

Please make a video on the deployment of Food delivery app sir 🙏

[itsmjns]

hi can you create a tutorial of an e-commerce project with an admin panel to add products ❤🎉

[drexk]

Thanks for the good work, can you dedicate a full video on tailwind css

[Akshat_dua]

please create any mega proejct now . some application which uses react with firebase as backend

[Fatimarizvia]

plz make a video on Form Handling In React js!