Build a todo app using TypeScript, React and Tailwind.
Todo app is one of the best ways to practice CRUD operations, in today’s demo we will go thru how to build a basic todo app using technologies that we love! React, TypeScript and Tailwind CSS.
Source code: github.com/YazanAlhalabi/todo...
TypeScript Docs: www.typescriptlang.org
Tailwind installation and docs: tailwindcss.com/docs/installa...
Chapters:
0:00 Intro
0:20 What is Tailwind?
0:48 Project initiation
2:40 Creating components
3:45 Deleting a todo
5:02 Updating a todo
6:00 Adding a todo
8:40 Styling the app
11:18 Outro
#typescript #tailwind #react #todo
Credits:
Intro and outdo from :
Song: JAEGER - Sins
Music provided by Bass Nation.
Video Link: • JAEGER - Sins
Background music:
Song: Extenz - Endless Summer (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: • Extenz - Endless Summe...
Icons made by:
- www.freepik.com
- www.flaticon.com/authors/ulti...
Пікірлер: 13
Thank you for this! this is exactly what i needed for my project!
Nice, learned a lot from it.
did not know it, tailwind is cool.
Great content. Keep going bro.
@YazanDev
3 жыл бұрын
Thanks! Glad you liked it!
You helped me but looks like I did something wrong and none of the bg properties are working, I will check it out.
Nice video, what are your visual studio extensions, I like the info showed in every current line
@YazanDev
Жыл бұрын
Thanks! It’s called Error Lens. Enjoy✌🏻
Hi Bro , It's good see the Videos of React with Typescript.... Will you continue to dod more, like some big projects on React with Typescript??
@YazanDev
3 жыл бұрын
yeah absolutely! React + TypeScript is my best combo so stay tuned for more videos!
@raunak5483
2 жыл бұрын
@@YazanDev liar
Jesus, zoom a little bit is so hard to read anything...Beside that, cool video mate
@YazanDev
3 жыл бұрын
Thanks! My bad😅