Skip to content

README.ru.md

Latest commit

 

History

History
87 lines (65 loc) · 4.83 KB

README.ru.md

File metadata and controls

87 lines (65 loc) · 4.83 KB

#Опубликованная версия веб-приложения https://freon37.github.io/to_do_list/

Список дел

Это простое веб-приложение для составления списка дел, созданное с использованием React.

Прочтите это на других языках: English, Русский.

Оглавление

Функционал

  • Добавление задач: Пользователи могут вводить новые задачи в поле ввода и нажимать кнопку "Add", чтобы добавить их в список.
  • Редактирование задачи: Пользователи могут щелкнуть по значку редактирования рядом с задачей, чтобы отредактировать ее название.
  • Удаление задачи: Пользователи могут нажать на значок удаления рядом с задачей, чтобы удалить ее из списка.
  • Изменение статуса задачи: пользователи могут нажать на открытый замок рядом с задачей, чтобы отметить ее как выполненную.
  • Удаление всех задач: Пользователи могут нажать на ссылку "Delete All", чтобы удалить все задачи.
  • Фильтровать задачи: Пользователи могут использовать кнопки "All", "Completed", "Uncompleted" для фильтрации задач в зависимости от их статуса завершения.
  • Поиск задачи: Пользователи могут выполнять поиск требуемой задачи в поле ввода

Особенности

  • Сохранение данных (списка задач) на стороне клиента в LocalStorage. Данная особенность позволяет эффективно работать с веб-приложением даже после перезагрузки страницы.

Установка

  1. Клонирование репозитория
git clone https://github.com/Freon37/to_do_list.git
  1. Переключение в директорию проекта
cd to_do_list
  1. Установка зависимостей.
npm install
  1. Запуск приложения
npm run dev

⚙ Конфигурация

🛠 Технический стек

  • React
  • Redux Toolkit
  • React Redux
  • Redux Persist
  • HTML
  • CSS
  • Javascript

🛠 Инструменты

  • Vite
    • React - JavaScript
  • CSS Modules (**.module.css)
  • uuid
  • @phosphor-icons/react

Полезные материалы

  • React - Библиотека JavaScript, используемая для создания пользовательского интерфейса;
  • CSS Modules - CSS модули — это популярная система для модульности и компоновки CSS. Данный подход использовался в данном проекте;
  • uuid - Библиотека JavaScript для создания уникальных идентификаторов;
  • Phosphor Icons - Гибкая и настраиваемая библиотека иконок для современных веб-проектов;
  • Redux - Библиотека JavaScript для предсказуемого и поддерживаемого глобального управления состоянием;
  • Redux Toolkit - Библиотека JavaScript для эффективной и стандартизированной разработки Redux;
  • Redux Persist - Библиотека JavaScript для сохранения и регидратации состояния Redux;
  • React Redux - Библиотека JavaScript для интеграции Redux с приложениями React;