Web Application
Dictionary
Description
A project has been completed for studying and reviewing English words. Based on a ready-made Node.js Express Mongodb REST API backend, I created a small application that can be divided into 2 blocks: studying and testing.
For studying, I implemented the functionality of moving words in a set (drag-n-drop) to form a logical chain of words for better memorization.
For testing the study results, users can enter words from the keyboard, which are then classified as either correct or incorrect. There is a registration function, and authenticated users' results are recorded. If words are entered correctly, the color of the set block gradually changes, indicating how confidently the word has been mastered.
Technologies
React was used for the implementation of the frontend. useReducer was used for global state management of the application. The styling was done using MUI (Material-UI).