"Я зустрічав лише кілька речей менш логічних, ніж так звана бізнес-логіка. Ми змушені мати справу з випадковими наборами дивних умов, які поєднуються між собою непередбачуваним чином. Точно відомо лише одне: Уся ця мішанина ще й змінюється у часі." - Мартін Фаулер
Вам необхідно створити одну сторінку з одним діалоговим вікном (Bottom Drawer) у світлій та темній темі адаптивну під мобайл і десктоп. Ось ця сторінка:
Це сторінка читалки, де користувач може відкрити Налаштування (вікно зʼявляється знизу).
Завдання:
- Прочитати ТЗ (окремий PDF файл у цьому ж репозиторії)
- Написати перелік запитань, уточнень, зауважень щодо цього ТЗ
- Створити сторінку читалки з можливістю відкрити вікно Налаштувань і перемикати світлу/темну теми.
- Сторінка має бути адаптована під мобайл і десктоп.
Коментарі щодо виконання завдань:
- Ніякого API використовувати не треба. Текст вставте будь-який, просто "риба".
- Гортання сторінок і весь інший функціонал можна не робити
- "Попередня сторінка" (сторінка книги), на яку користувач повертається по кліку на стрілочку "Назад" в ActionBar можна зробити просто у вигляді "hello, world. This is a book page" і кнопка "Читати" або взагалі не робити. Це не принципово.
- Дизайн у Figma тут. Пароль: reader
- Ви маєте використати NextJS і Tailwind
- В Figma можуть бути неточності (ТЗ має пріоритет, довіряємо ТЗ, а не дизайну).
- Ми робимо "MVP" (звернути увагу на відповідний блок у ТЗ).
- За бажанням ви можете зробити будь-який додатковий функціонал з ТЗ. Це буде в плюс.
- Якщо ви щось зробити додатково, або навпаки не зробили щось з необхідного, напишіть про це (можна у readme.md), щоб би знали, що це зроблено навмисно, а не через неуважність.
- Тести писати не треба
P.S. Згадний PDF файл з ТЗ - це реальне ТЗ з нашого Confluence. Це реальна задача, по якій ми оцінюємо ваш підхід до роботи з ТЗ. Ми гарантуємо, що ваше тестове завдання не буде ніяким чином використано в реальному проекті. Ми віримо, що робота саме з реальною задачею дійсно може показати ваш потенціал. Дякуємо за участь!