ToDo List - планировщик задач с интересными функциями

Описание

Задача звучала так: создать веб-приложение для управления личными задачами, придумать дизайн. Должно быть 3 состояния: бэклог, в процессе, выполнено. Задача должна была включать ответственного, описание, название, тумблер состояния. Обязательно должен был быть функционал драг-н-дропа карточек с блоков состояний задач. По возможности добавить систему регистрации. Это задание - один из кейсов моего первого хакатона, который мы частично выполнили с командой

Решение

Дизайн был спроектирован и сделан основываясь на новом на тот момент Dynamic Island в ios. Я решил уделить огромное внимание плавным анимациям и отзывчивости дизайна. Большая часть элементов управления была сосредоточена в этом острове на сайте. Стек был vue.js и django. На самом хакатоне у нас мало что вышло, но спустя время я принялся с нуля сделать этот проект для практики, и у меня получилось. Фронтенд сделал на Vue.js, используя технологию SPA, а бэкнедн начал делать на Laravel Api. К сожалению, проект был заброшен. Однако большая часть проекта была сделана, и была сделана вся часть, которая затрагивала зону ответственности Frontend программиста. Драг-н-дроп был выполнен с помощью js библиотеки Draggula. Версия в ссылке - результат моего личного труда.

Результат

В результате получился хороший продукт, который отвечает всем требованиям по фронтенду из тз. Будь это коммерческая задача - проект определенно стал бы ничем не хуже других планировщиков задач. Потенциально он мог бы стать еще удобнее и гибче - но бэкенд часть не сделана до конца.

Заходить с VPN!

Ссылки на примеры реализации

 task-planner-tomilko.netlify.app

Презентация проекта