Todo List with Dark Mode

EN | UA | RU

---

🌟 English Version

📝 Description

A modern Todo List application with a sleek design and advanced features:

• Light/Dark theme toggle
• Local storage persistence
• Task filtering (All/Active/Completed)
• Responsive glass-morphism design
• Animated interactions

🚀 Features

• Theming: Dynamic dark/light mode with smooth transitions
• Persistence: Automatically saves tasks to localStorage
• Filters: Quick status-based task filtering
• Responsive: Perfectly adapted for all screen sizes
• Modern UI: Glass effect, gradients, and subtle animations

🛠 Technologies

• React 18 + TypeScript
• Tailwind CSS 3.4 (with dark mode support)
• React Icons
• Vite build system

⚙️ Installation

pnpm install
pnpm run dev

📄 License

MIT License

---

Українська Версія

📝 Опис

Сучасний додаток для керування завданнями з інноваційним дизайном:

• Перемикач світлої/темної теми
• Збереження даних у localStorage
• Фільтрація завдань (Всі/Активні/Завершені)
• Адаптивний дизайн з ефектом скла
• Анімовані елементи

🌟 Особливості

• Теми: Динамічне перемикання тем з плавними переходами
• Збереження: Автоматичне зберігання завдань
• Фільтри: Швидка фільтрація за статусом
• Адаптивність: Ідеальне відображення на будь-яких пристроях
• Сучасний UI: Скла-ефект, градієнти та анімації

💻 Технології

• React 18 + TypeScript
• Tailwind CSS 3.4 (підтримка темної теми)
• React Icons
• Збірка Vite

⚙️ Встановлення

pnpm install
pnpm run dev

📄 Ліцензія

MIT License

---

Русская Версия

📝 Описание

Современное приложение для управления задачами с инновационным дизайном:

• Переключатель светлой/темной темы
• Сохранение данных в localStorage
• Фильтрация задач (Все/Активные/Завершенные)
• Адаптивный дизайн с стеклянным эффектом
• Анимированные элементы

🌟 Особенности

• Темы: Динамическое переключение тем с плавными переходами
• Сохранение: Автоматическое сохранение задач
• Фильтры: Быстрая фильтрация по статусу
• Адаптивность: Идеальное отображение на любых устройствах
• Современный UI: Стеклянный эффект, градиенты и анимации

💻 Технологии

• React 18 + TypeScript
• Tailwind CSS 3.4 (поддержка темной темы)
• React Icons
• Сборка Vite

⚙️ Установка

pnpm install
pnpm run dev

📄 Лицензия

MIT License

🔧 Recommendations:

1. Add real screenshots to the preview section.
2. Customize badges with your project's actual versions.
3. Add contribution guidelines if needed.
4. Include a link to the live demo when deployed.

This structure ensures:

• Clear multilingual navigation
• Consistent information across languages
• Technical details for developers
• Visual appeal with markdown formatting
• Easy maintenance with separated language blocks