React Kanban Task management web app : react , redux , tailwind
? Materials/References:
GitHub Code (give it a star ⭐):
github.com/Hesam-Dearboy/kanban-task-management-react-tailwind (copy this line)
demo (URL) :
kanban-task-management-react-tailwind.vercel.app (copy this line)
In this video, I'm excited to showcase my solution to the Kanban task management web app challenge from Frontend Mentor. The challenge required me to build a web app where users can create, read, update, and delete boards and tasks, mark subtasks as complete, and move tasks between columns. I also implemented a bonus feature that allows users to drag and drop tasks to a new column.
To build this app, I used TailwindCSS for styling, React and Redux for state management, and the Drag and Drop API for the bonus feature. In the video, I'll walk you through the app's features, demonstrate how to use it, and explain the code behind it.
Overall, this project was a great opportunity for me to improve my coding skills and learn new technologies. I hope my solution inspires you and helps you in your own coding journey. Thanks for watching!
Timestamps
00:00 Intro
00:47 show app
01:30 Environment setup
07:40 create dark mode hook
13:05 create header component
28:11 configure redux
34:46 create header dropdown
01:03:05 create add & edit board modal
01:47:45 create add & edit task modal
02:32:14 create elipsis munu
03:03:00 create empty board component
03:13:17 create center component (column and tasks)
03:37:00 create task modal
04:35:42 drag and drop api (drag and drop tasks)
04:48:35 create Sidebar component
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Kanban Task management web app : react , redux , tailwind», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.