test-calculator/REQUIREMENTS.md

Требования к проекту Calculator

1. Псевдоавторизация

• Экран входа с полем "Логин" и кнопкой "Войти"
• Принимается любой непустой логин (без пароля)
• Логин сохраняется в localStorage
• При повторном входе пользователь попадает сразу в калькулятор
• Кнопка "Выйти" в интерфейсе калькулятора (очищает localStorage)
• Отображение текущего логина в шапке

2. Калькулятор

Операции

• Сложение (+)
• Вычитание (-)
• Умножение (*)
• Деление (/)
• Процент (%)
• Смена знака (+/-)
• Десятичная точка
• Равно (=)
• Очистка (C) - полный сброс
• Удаление последнего символа (Backspace)

Дисплей

• Поле ввода/результата с крупным шрифтом
• Отображение текущего выражения (например "12 + 3")
• Отображение результата
• Текст уменьшается при длинных числах (auto-fit)

Клавиатурная панель

• Кнопки расположены сеткой (стандартная раскладка калькулятора)
• Визуальная обратная связь при нажатии (hover, active состояния)

3. Управление с клавиатуры

Клавиша	Действие
0-9	Ввод цифры
.	Десятичная точка
+	Сложение
-	Вычитание
*	Умножение
/	Деление
Enter или =	Вычислить результат
Escape	Полный сброс (C)
Backspace	Удалить последний символ
%	Процент

• Нажатие клавиши визуально подсвечивает соответствующую кнопку на экране
• Фокус не должен уходить с калькулятора при работе с клавиатуры

4. Адаптивность

• Минимальная поддерживаемая ширина: 320px
• Калькулятор центрирован на экране (по горизонтали и вертикали)
• На маленьких экранах калькулятор занимает почти всю ширину
• На больших экранах калькулятор имеет фиксированную максимальную ширину
• Кнопки достаточно крупные для тач-устройств (минимум 48px)

5. UI/UX

• Чистый минималистичный дизайн
• Цветовое разделение: цифры / операторы / функции
• Плавные анимации при нажатии кнопок
• Отображение имени пользователя и кнопки выхода в шапке