Общее описание проекта

Необходимо провести комплексную доработку фронтенд-части веб-приложения для учета товаров и пользователей. Основной упор делается на улучшение пользовательского опыта и предотвращение случайной потери введенных данных.

Требования к UI/UX

  • Защита от потери данных (Data Loss Prevention): Добавить модальное окно с подтверждением в случае, если пользователь пытается закрыть форму или страницу, имея несохраненные изменения.
  • Валидация ввода: Реализовать корректную обработку различных форматов данных (например, десятичные дроби, обязательные поля).
  • Оптимизация формы: Улучшить навигацию с помощью Tab-клавиш : исправить некорректный порядок фокуса и поддерживать ввод только числовых значений там, где это необходимо.

Технические детали

  • Стек технологий: React, TypeScript, Vite.
  • Требуется код-ревью и вдумчивый рефакторинг существующих компонентов.
  • Верстка должна строго соответствовать макетам в Figma (вопросы заказчик пришлет исполнителю в процессе обсуждения).

Процесс работы

  1. Выявление критических точек в форме для внедрения механизма защиты.
  2. Правка логики форм на стороне клиента.
  3. Заключительное тестирование сценариев потери данных (клик Backspace, перезагрузка страницы, случайное закрытие вкладки).