Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/alicebondme/words-learner
- Owner: AliceBondMe
- Created: 2024-05-25T14:58:53.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-10T15:02:32.000Z (5 months ago)
- Last Synced: 2024-10-15T17:35:18.340Z (about 1 month ago)
- Topics: css-modules, react, react-hook-form, react-hooks, react-router, redux-toolkit, typescript
- Language: TypeScript
- Homepage: https://alicebondme.github.io/words-learner
- Size: 3.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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
## 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`