Демонстрация управления состоянием приложения

Это демонстрационное приложение, показывающее работу с Redux Toolkit для управления состоянием в React-приложении.

Функциональность

• Управление состоянием с помощью Redux Toolkit
• Асинхронные действия с использованием middleware
• Локальное кэширование данных
• Поддержка темной/светлой темы
• Сохранение состояния в localStorage

Установка и запуск

Способ 1: Через Docker (рекомендуется)

1. Клонируйте репозиторий:

git clone [URL репозитория]
cd [название-директории]

2. Запустите скрипт автоматического развертывания:

chmod +x setup.sh
./setup.sh

Приложение будет доступно по адресу: http://localhost:5173

Способ 2: Локальная установка

1. Клонируйте репозиторий:

git clone [URL репозитория]
cd [название-директории]

2. Установите зависимости:

npm install

3. Создайте файл .env на основе .env.example:

cp .env.example .env

4. Запустите приложение в режиме разработки:

npm run dev

5. Откройте http://localhost:5173 в браузере

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

Приложение использует следующие переменные окружения (файл .env):

• VITE_API_URL - URL API для загрузки задач
• VITE_CACHE_DURATION - длительность кэширования в миллисекундах
• VITE_APP_TITLE - заголовок приложения

Технологии

• React
• TypeScript
• Redux Toolkit
• Styled Components
• Vite
• Docker
• Docker Compose