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, duration hours minute second in high quality that is uploaded to the channel Fahad Ali J. 02 March 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 1,943 times and liked it 41 visitors.
