Первый проект из серии учебных приложений, созданный с нуля на чистом HTML, CSS и JavaScript.
Простой, красивый и удобный менеджер задач с поддержкой темной/светлой темы, фильтрацией и полным контролем над задачами.
- ✅ Добавление задач — введите текст и нажмите Enter или кнопку «Добавить»
- ✅ Отметка выполнения — клик по галочке помечает задачу как завершённую
- ✏️ Редактирование задач — карандаш позволяет изменить текст
- 🗑️ Удаление задач — корзина убирает задачу из списка
- 🔍 Фильтрация:
- «Все» — показать все задачи
- «Выполненные» — только завершённые
- «Активные» — только незавершённые
- 🌓 Переключение темы — между светлой и тёмной (сохраняется автоматически)
- 💾 Автоматическое сохранение — задачи не пропадают при перезагрузке страницы (через
localStorage)
- Склонируйте репозиторий:
git clone https://github.com/LGalushka/todo-list.git
- Откройте файл index.html в любом браузере: 1 open index.html # macOS 2 start index.html # Windows 3 xdg-open index.html # Linux
🔌 Никаких зависимостей, серверов или сборок не требуется — только ваш браузер!
💻 Технологии
- HTML5 — семантичная структура
- CSS3 — Flexbox, CSS-переменные, кастомные свойства, анимации
- JavaScript (ES6+) — работа с DOM, события, localStorage, управление состоянием
- Темизация — единая система цветов через CSS-переменные
🎨 Дизайн и UX
- Минималистичный, ненавязчивый интерфейс
- Персонализированный логотип LG
- Плавные переходы и визуальная обратная связь
- Интуитивные иконки (галочка, карандаш, корзина)
- Цитата в подвале — для вдохновения
💌 Автор Создано с ❤️ LGalushka Первый шаг к серии из пяти учебных проектов в едином стиле.
📜 Лицензия Этот проект распространяется под лицензией MIT — свободно используйте, изучайте и адаптируйте под свои цели.