- Нужно разработать логику теста, с выводом результатов его прохождения
- Вопросы в тесте должны выводиться в случайном порядке
- Ответы для каждого из вопросов должны выводиться в случайном порядке
- Под тестом должен быть реализован прогрессбар прохождения теста, также он должен зависеть от количества вопросов в тесте
- При выводе результата теста, вопросы, на которые пользователь ответил правильно, должны быть выделены зеленым цветом, а на которые неправильно — красным цветом
- Контент для теста находится во фрейме “Вопросы и ответы”. Правильный ответ отмечен в каждом из вопросов знаком плюса "+" в конце строки
- При ответе на вопрос, должна происходить задержка в 1 сек. перед отображением следующего вопроса или результатов теста
- Использование методологии BEM
- Валидность HTML тегов
- Pixel Perfect
- Redux Toolkit: для управления состоянием приложения и RTK Query для получения и хранения данных
- MSW (Mock Service Worker): для обработки и тестирования фейковых запросов в ходе разработки
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh