Interactive Table

Интерактивная таблица с возможностью редактирования ячеек, валидацией данных и автоматическим сохранением изменений.

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

• ✅ Редактирование всех ячеек таблицы (включая серую шапку)
• ✅ Автоматическое отслеживание изменений
• ✅ Таймер с прогресс-баром (5 сек задержка + 10 сек отсчет)
• ✅ Валидация полей:
  • Числа: только числовые значения
  • Проценты: числа со знаком %, знак % добавляется автоматически
  • Имена: только кириллица и точки
  • Смешанный тип: без валидации (буквы + цифры)
• ✅ Вывод изменений в консоль после завершения таймера

Технологии

• Vite - сборщик проекта
• React 18 - UI библиотека
• TypeScript - типизация
• SCSS - препроцессор стилей
• CSS Modules - изоляция стилей
• clsx - работа с классами

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

Требования

• Node.js 16+
• npm или yarn

Клонирование репозитория

git clone <URL_РЕПОЗИТОРИЯ>
cd interactive-table

Установка зависимостей

# Через npm
npm install

# Или через yarn
yarn install

Запуск в режиме разработки

# Через npm
npm run dev

# Или через yarn  
yarn dev

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

Сборка для продакшн

# Через npm
npm run build

# Или через yarn
yarn build

Предварительный просмотр продакшн сборки

# Через npm
npm run preview

# Или через yarn
yarn preview

Лицензия

MIT