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:
👉 https://greatstack.dev/go/javascript-course

👉 30 Days React.js Learning Plan: https://topmate.io/greatstack/1514677

-----------------
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.

👉 Download Assets: https://drive.google.com/file/d/15EFreTq-g2cpXPSDu14Z2OMeORKnh0m3/view?usp=sharing

Tailwind CSS tutorial for beginners:
https://www.youtube.com/watch?v=8eQwgc9nc64

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

Watch Full Stack E-commerce Website tutorial:
👉 https://youtu.be/y99YgaQjgx4

Watch Full Stack Food Order Website tutorial:
👉 https://youtu.be/DBMPXJJfQEA

-------------------------
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:
👉 https://greatstack.dev/go/javascript-course/

Complete HTML and CSS with 8 projects:
👉 https://easytutorialspro.com/go/course/

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

Beginner's HTML and CSS tutorial:
► https://www.youtube.com/playlist?list=PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU

Beginner's JavaScript tutorial:
► https://youtu.be/Pyv0tMm5i_w

Make A Complete Website for college using HTML & CSS:
► https://www.youtube.com/playlist?list=PLjwm_8O3suyP5kGKmwS_DM0Hs1j7fshi5

How to make a Business website step by step:
► https://www.youtube.com/watch?v=99vHH_6F0Ko

How to make personal resume website step by step:
► https://www.youtube.com/watch?v=qCFN8EujbGI

How to make fitness website design using HTML CSS:
► https://www.youtube.com/watch?v=4bPABX-jOko

How to make an Ecommerce Website Design:
► https://www.youtube.com/playlist?list=PLjwm_8O3suyM_2Lo9aAIw3HqjOPor8j9g

How to make a Job Portal website design with HTML & CSS:
► https://www.youtube.com/watch?v=cHgx8a-eBDQ

How to make travel website design with HTML CSS Bootstrap:
► https://www.youtube.com/watch?v=AiaEqc9UMf8

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

◼️ 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:
► https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join

-------------------
Image and icon credit:
https://freepik.com/

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: https://instagram.com/GreatStackDev
Twitter: https://twitter.com/GreatStackDev
Facebook: https://facebook.com/GreatStack

Видео How To Make To-Do List App Using React JS And Tailwind CSS | Create Task App In React JS канала GreatStack