Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rasskris/english-for-kids-fe

App for learning English
https://github.com/rasskris/english-for-kids-fe

dexie material-ui next react react-hook-form redux-toolkit yup

Last synced: 28 days ago
JSON representation

App for learning English

Awesome Lists containing this project

README

        

# English for kids
Приложение для изучения английского языка для детей в игровой форме.

category-page

Подробное описание приложение можно посмотреть [здесь](https://github.com/Rasskris/English-for-kids-FE/pull/21)

:pushpin: [Back-end repository](https://github.com/Rasskris/English-for-kids-BE)

:pushpin: [Deploy](https://english-for-kids.online)

## Tech stack


typescript
react
redux
nextjs
jest
sass
nestjs
mongodb
docker
heroku

## App overview

**Главная страница приложения**

main-page

**Страница выбранной категории**

- Режим тренировки
Train mode

- Режим игры
- [x] - при нажатии на кнопку `старт` звучит слово на английском языке
- [x] - eсли пользователь угадал слово, то появляется радостный смайл и соответствующий звук
- [x] - если допущена ошибка, то появляется грустный смайл и соответствующий звук
Game mode

- Не допущено ошибок
Won game

- Допущены ошибки
Failed game

**После регистрации и аутентификации доступна страница статистики**
- [x] - страница со статистикой содержит следующие столбцы:
- категорию;
- слово из этой категории;
- перевод слова;
- сколько раз по карточки с данным словом кликали в режиме тренировки;
- сколько раз данное слово угадывали в режиме игры;
- сколько ошибок при этом допустили
- [x] - есть возможность сортировки данных по алфавиту, для числовых значений - по их величине. Сортировка может происходить в прямом и обратном порядке и должна охватывать весь диапазон данных
- [x] - на странице со статистикой размещены кнопки "Repeat difficult words" и "Reset". Кнопка "Reset" обнуляет статистику. При клике по кнопке "Repeat difficult words" открывается страница изучения слов с наибольшим процентом ошибок аналогичная странице категории.

admin-categories
admin-categories

**Страница админа: категории**

Доступно редактирование существующих категорий, а так же добавление новой
admin-categories

**Страница админа: слова:**

Доступно редактирование, удаление и добавление слов выбранной категории
admin-categories