Проект "ToDo List" представляет собой веб-приложение для управления списком задач. Пользователи могут добавлять новые задачи, отмечать их выполнение с помощью чекбоксов и удалять задачи, которые уже выполнены или больше не нужны.
-
Список задач: Главная страница приложения отображает список задач, сохраняемых в локальном хранилище браузера. Каждая задача представлена в виде отдельного элемента списка.
-
Добавление задач: Пользователи могут добавлять новые задачи с помощью кнопки "Добавить задачу". Новая задача появляется в конце списка задач.
-
Удаление задач: Каждая задача имеет кнопку "Удалить", при нажатии на которую задача удаляется из списка.
- React: JavaScript библиотека для создания пользовательских интерфейсов.
- React Router: Библиотека для навигации внутри одностраничных приложений.
- CSS Modules: Локальные CSS модули для стилизации компонентов с изоляцией стилей.
- localStorage: Встроенное хранилище браузера для сохранения данных о задачах между сессиями.
- JavaScript (ES6+): Современный стандарт JavaScript для написания кода.
- HTML: Язык разметки для создания структуры веб-страницы.
- React Hooks (useState, useEffect): Хуки React для управления состоянием компонентов и выполнения побочных эффектов.
Чтобы установить и запустить проект локально, выполните следующие шаги:
- Убедитесь, что у вас установлен Node.js (версия 12 или выше) и npm.
- Склонируйте репозиторий с проектом:
git clone https://github.com/Pstepanova21/ToDoList.git - Перейдите в корневую директорию проекта:
cd todo-list - Установите зависимости:
npm install - Запустите проект:
npm start
После выполнения этих шагов приложение будет доступно по адресу http://localhost:3000.
Проект разработан в учебных целях как демонстрация использования React для создания интерфейса пользователя и управления состоянием приложения. Планируется дальнейшее развитие проекта с добавлением новых функций и улучшением пользовательского опыта.