Skip to content

Krasivoe/todo-react-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Список задач React + Redux/Redux Toolkit

О проекте:
Приложения список задач, созданное в качестве учебного пособия по Redux и Redux Toolkit.

Функционал:
Приложение состоит из списка задач и панели упаравления.

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

В панели управления есть возможность пометить все задачи как завершенные или удалить все выполненные задачи. Так же в панели управления доступны два режима фильтрации задач: по статусу и по цвету. Режимы сортировки можно комбинировать.

Используемый стек:

  • React
  • Redux / Redux Toolkit
  • Scss
  • Material UI

Изображения

Начальный экран

Начальный экран

Выбор цвета для задачи

Выбор цвета

Фильтрация по статусу

Фильтрация по статусу

Фильтрация по цвету

Фильтрация по цвету

Установка

git clone https://github.com/Krasivoe/todo-react-redux.git
cd todo-react-redux
npm install

Сборка development

npm start

Сборка production

npm run build