React Создать ToDo-приложение с использованием React Задача: Создать простое To-Do приложение, которое позволяет пользователям добавлять, удалять и отмечать задачи как выполненные. Требования:
- Добавление задачи: Пользователь должен иметь возможность ввести текст задачи и добавить её в список.
- Удаление задачи: Пользователь должен иметь возможность удалить любую задачу из списка.
- Отметка о выполнении задачи: Пользователь должен иметь возможность отметить задачу как выполненную, то, как это будет выглядеть - на ваше усмотрение, можно реализовать через чекбоксы.
- Сохранение состояния: Список задач должен сохраняться в локальном хранилище и восстанавливаться при перезагрузке страницы.
Реализация через следующие компоненты:
- App: Основной компонент, который будет содержать другие компоненты.
- TodoList: Компонент, который отображает список задач.
- TodoItem: Компонент, представляющий отдельную задачу.
- TodoForm: Компонент для добавления новой задачи.
Шаги выполнения:
- Скачайте Node.js
- Создайте проект
- Создайте компонент TodoForm, который будет добавлять новые задачи(сохраняйте в localStorage)
- Создайте компонент TodoItem, который будет отображать задачу. Компонент должен через пропсы принимать текст задачи, функции удаления и отметки о выполнении.
- Создайте компонент TodoList для отображения списка задач. Для каждого элемента списка используется ToDoItem
- Создайте основной компонент App, который соединит все остальные и реализует логику добавления, удаления и отметки о выполнении задач. Используйте
useEffectдля сохранения и загрузки задач из локального хранилища.
+ДЕПЛОЙ ПРИЛОЖЕНИЯ Необходимо развернуть ваше приложение с использованием docker(dockerfile/docker-compose)