Skip to content

SkoroXoDTwo/react-redux-todo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Проект: React-redux-todo


📖 Описание проекта:

Список задач. Верстка адаптивная. Здачи сохраняются localstorage.
При открытии сайта, Redux store синхронизируется c localstorage.

С помощью Redux создано 3 store:

  • todos - массив задач;
  • filters - состояние кнопки фильтра;
  • themes - состояние темы.

Релизована анимация плановной смены темы.

Под блоком создания задачи, можно настроить фильтр:

  • all - все задачи;
  • active - невыполненные задачи;
  • completed - выполненные задачи.

Так же есть кнопка Clear completed, которая через action очищает все выполненые задачи.

⚙ Функциональность:

  • адаптивная верстка;
  • смена темы;
  • синхранизация Redux store с localstorage;
  • добавление задач;
  • установка фильтра;
  • влзможность отметить выполненую задачу;
  • удаление задач;
  • удаление выполненых задач.

🛠 Стек:

✈ Технологии и инструменты:

  • БЭМ;

👉 Начало работы:

Сайт можно запустить по ссылке.


Запуск локально:

  • скачать проект;
  • открыть консоль в корне проекта.

Для запуска потребуется скачать и установить NodeJS

npm install- устанавливает необходимые пакеты;

npm run start - запускает проект в режиме разработки;

npm run build - собирает проект в production.

Releases

No releases published

Packages

No packages published