Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/alicebondme/words-learner

Build your English vocabulary
https://github.com/alicebondme/words-learner

css-modules react react-hook-form react-hooks react-router redux-toolkit typescript

Last synced: about 1 month ago
JSON representation

Build your English vocabulary

Awesome Lists containing this project

README

        

# VocabBuilder

VocabBuilder is a vocabulary-building application designed for Ukrainians learning English. The app is developed using TypeScript and React, styled with CSS modules, and utilizes Redux Toolkit for state management. Users can manage their vocabulary, track their progress, and train themselves through interactive exercises.

![VocabBuilder HomePage preview](./assets/home.JPG)

## Used technologies


JavaScript
React
Redux

## Features

- User Authentication: Users must be authorized to access the app's features.
![VocabBuilder Registration preview](./assets/register.JPG)

- Vocabulary Management: Users can add, edit, and delete their own words.
![VocabBuilder Adding word preview](./assets/adding.JPG)

![VocabBuilder Editing word preview](./assets/editing.JPG)

- Recommended Words: Users can add recommended words from other users to their collections.
![VocabBuilder Recommended preview](./assets/recommended.JPG)

- Progress Tracking: Users can monitor their progress and see statistics about their learning journey.

- Filtering: Users can filter words by keywords and categories.

- Training Room: An interactive training room where users practice translations and receive feedback. Words that users struggle with are retained for further training.
![VocabBuilder Training preview](./assets/training.JPG)

![VocabBuilder Results preview](./assets/results.JPG)

- Responsive Design: The app is styled to be fully responsive, ensuring a seamless user experience across different devices and screen sizes.
![VocabBuilder Mobile screens preview](./assets/mobile.png)

## Contact

For questions or support, contact me at `https://github.com/AliceBondMe`