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