Build Todo List App in Angular + NgRx + Tailwind CSS
Today we will learn how to make clean and awesome todo list app, in which you will learn lot from this video from binding to state management. We will use ngrx for state management, in this web app we can add todo item with validation and all the added todos will be displayed in a list called todo-list components where every todo item has id, title and actions like update & delete button, when you pressed title then it will be toggle marked as completed or not. when you pressed update then it will change the title into editable input field in which you can update tittle with validation and delete button is used to remove the todo item from the list. also when there is no todos it will shows add todo message at center of the screen, for ui we use tailwind css in this video how to use tailwind css in angular all are covered.
Must Watch
Dashboard: https://youtu.be/qqKXYjK1ElE
Memory Card Game: https://youtu.be/GyFQJg2habM
Shop App With GetX: https://youtu.be/QmVY5Vmtr4k
Topics Covered
• How to build todo list app in angular with ngrx
• State management with ngrx
• Binding - Single & Two way
• Parent to child communication - @Input decoration
• UI designing with tailwind css
• Tailwind css setup in angular
Chapters
00:00 Demo
00:11 Install NodeJs & Angular CLI
00:27 Create new Angular Project
01:17 Install VS code
01:27 Open Project in VS Code
01:45 Add ngrx & tailwind css
04:05 Run project
05:00 Creating components & using tailwind css
20:00 States
24:35 NgRx
Follow me & Github link
https://linktr.ee/topgcoder
Music
https://www.youtube.com/user/NoCopyrightSounds
Song: INOSSI - Wonder
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/U4J3bpc-UAA
#Angular #NgRx #WebDevelopement
Thanks for watching! & for awesome videos, subscribe to our channel & don't forgot to like the video and comment what you like about this video.
About us
We are creating coding related videos subscribe for more & comment your favorite topic.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build Todo List App in Angular + NgRx + Tailwind CSS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.