chiga2030 / timer-and-palette

Test task

Timer and palette

Demo

Github-pages

Stack

• TypeScript
• React + Vite
• Feature-Sliced Design
• Redux-toolkit
• react-router-dom

Описание

Приложение состоит из двух страниц: Таймер и Палитра.

Страница "Таймер"

В input можно вводить целое число обозначающее минуты. После ввода числа и нажатия Enter, начинается обратный отсчёт с отображением оставшегося количества минут и секунд. После завершения отсчёта вместо индикатора Отображается слово «Готово».

Страница "Палитра"

• При открытии страницы палитра пустая, не добавлено ни одного цвета.
• При нажатии на “Добавить цвет” в палитре появляется цвет по умолчанию с открытым ColorPicker.
• ColorPicker закрывается если кликнут вне него.
• Для редактирования цвета, нужно щелкнуть по нему, так же открывается ColorPicker.
• При наведении на цвет появляется крестик, по которому можно удалить цвет.