- TypeScript
- React + Vite
- Feature-Sliced Design
- Redux-toolkit
- react-router-dom
Приложение состоит из двух страниц: Таймер и Палитра.
В input можно вводить целое число обозначающее минуты. После ввода числа и нажатия Enter, начинается обратный отсчёт с отображением оставшегося количества минут и секунд. После завершения отсчёта вместо индикатора Отображается слово «Готово».
- При открытии страницы палитра пустая, не добавлено ни одного цвета.
- При нажатии на “Добавить цвет” в палитре появляется цвет по умолчанию с открытым ColorPicker.
- ColorPicker закрывается если кликнут вне него.
- Для редактирования цвета, нужно щелкнуть по нему, так же открывается ColorPicker.
- При наведении на цвет появляется крестик, по которому можно удалить цвет.