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
Watch video Make this your First React App Project with Tailwind CSS (Todo List App) online without registration, duration hours minute second in high quality. This video was added by user Fahad Ali J. 02 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,943 once and liked it 41 people.