MaximSamorukov / advanced_todo

todo app with advanced functionality

Home Page:https://advanced-todo-iota.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Приложение Todo с расширенным функционалом

Стек

React, Redux Toolkit, SCSS

Deploy

Описание

Интерфейс приложения состоит из двух зон:

  1. Зона ввода нового дела (todo). Данный интерфейс состоит из:
    1. Кнопок управления (Удалить, Создать, Сохранить, [Выполнено / Сделать невыполненным]);
    2. Формы ввода нового дела;
    3. Зоны с фильтрами для управления отображением списка всех дел;
  2. Зона списка всех дел;

Функционал

  1. Функционал кнопок:
    • Удалить - удаляет данное дело из списка и очищает форму;
    • Создать - очищает форму;
    • Сохранить - сохраняет дело. Кнопка активируется при полном заполнении всех необходимых полей формы создания дела или при внесении изменений в поля формы. При нажатии кнопки, дело добавляется в список всех дел или, если дело уже было добавлено в список всех дел, изменяются соответствующие поля.
    • Выполнено - изменяет статус дела на выполнено;
    • Сделать невыполненным - изменяет статус дела на невыполнено;
  2. В интерфейсе ввода нового дела необходимо определить:
    • Название дела;
    • Область жизни для данного дела (Личное, Бизнес, Здоровье, Семья, Спорт);
    • Временной интервал для выполнения дела:
      • From - начиная с какой даты;
      • To - заканчивая какой датой;
    • Дополнительное описание данного дела;
  3. Функционал фильтров:
    1. Фильтрация происходит по наименованию областей жизни дел;
    2. Чекбоксы фильтров областей жизни активны при условии наличия дел с данной областью в списке;
    3. При сохранении нового дела, все фильтры сбрасываются.

About

todo app with advanced functionality

https://advanced-todo-iota.vercel.app


Languages

Language:JavaScript 73.6%Language:SCSS 17.5%Language:HTML 6.8%Language:CSS 2.1%