- Использован webpack, ts, react, redux, eslint, prettier
- Для сервера сервера были использованы node, express, mongoose
- В качестве базы данных используется mongoDB
- Приложение SPA
- Статическое приложение имеет следующий функционал:
- Боковое выезжающее меню
- Категории слов
- На карточке со словом показывается изображение, а также само слово на английском языке
- При клике на карточку можно прослушать произношение слова
- При клике на кнопку переворота карточки, будет показан перевод слова
- При нажатии на переключатель в верхнем меню приложение переходит в режим игры. Игру можно начать нажав кнопку внизу категорий слов. После нажатия начнут попорядку произноситься слова из данной категории, а пользователю необходимо будет находить и нажимать на соответствующую карточку.
- Динамическое приложение имеет следующий функционал:
- Весь функционал статического приложения
- Авторизация
- Работа с базой данных (CRUD для категорий и слов)
- 📌 Static app: https://daniel-ki-english-for-kids.netlify.app/main
- 📌 Dynamic app: https://english-for-kids-admin-panel.netlify.app/
- 📌 Server: https://daniel-ki-english-for-kids.herokuapp.com/