Make this your First React App Project with Tailwind CSS (Todo List App)
Make this your First React App Project with Tailwind CSS (Todo List App)
This react project will help you to practice the basics of react you have learned so far. In this tutorial, we'll be creating our very first React app project using Tailwind CSS. We'll be building a simple yet functional Todo List App that you can use to keep track of your daily tasks.
To get started, we'll set up our development environment and create a new React app project using create-react-app. Then, we'll install and configure Tailwind CSS, a popular CSS framework that will help us style our app with ease.
In this video you will learn to
1. Create React App
2. Import Tailwind CSS
3. Basic File System of React App
4. Learn about JSX
5. Learn about useState Hook
Source Code Link: https://github.com/fahadalijjj/to-do-...
For importing Tailwind CSS in React Link: https://tailwindcss.com/docs/guides/c...
00:00 Intro
00:56 Project Demo
01:20 Phase 1 (Building from Scratch)
02:20 Understanding File Structure
03:20 Still Phase 1
10:40 Phase 2 (Creating Heading and Input and Adding Task Functionality)
21:20 Phase 3 (Styling List of Tasks and Adding Delete Functionality)
29:30 Done
⬇️
☕ Buy me a Coffee at : https://www.buymeacoffee.com/fahadalijjj