An application for learning English. The website is designed with a mobile-first approach. Adaptive design with breakpoints 375px, 768px, 1440px. Modal windows for Add Word, Edit Word.
The possibility of authorization was added to the application (registration, login, obtaining data about the current user, logout)
It has 5 pages:
- Sign Up page - /register
- Sign In page - /login
- Dictionary page - /dictionary | Page designed to add and learn own words. Category filtering and search by keyword is applied.
- Recommend page - /recommend | Page displaying all words added by other users in data base. Category filtering and search by keyword is applied.
- Training page - /training | A page for training by learning words with translation en-ua and vice-versa.
Additionally libraries used: axios, formik, yup, react-toastify, react-select, react-responsive, react-table, @mui/material.