A modern React-based web extension and application for building, managing, and exploring a personalized vocabulary library to store any items just by selecting the item. Users can search, filter, and favorite words, as well as organize them by category or topic by their email address. Along with that user can get explanation about any topic using the chatbot mode, just by selecting a section.
- User Authentication: Secure sign-in and user management with Clerk.
- Word Management: Save new words, meanings, examples, and synonyms just by selecting.
- AI ChatBot: Ask questions or get explanations about words and phrases just by selecting it.
- Favorites: Mark words as favorites for quick access.
- Search & Filter: Powerful search and category filtering for easy navigation.
- Responsive UI: Clean, mobile-friendly interface built with Tailwind CSS and Lucide icons.
- Persistent Storage: Words are fetched and updated via a backend API.
- Email Integration: Associate vocabulary with your email for personalized storage.
- Pronunciation Support: Store and retrieve phonetic and audio pronunciation.
- Frontend: React, Vite, TypeScript, Tailwind CSS, crxjs
- Authentication: Clerk
- Icons: Lucide React
- Backend: MongoDB, Node.js, ExpressJS,
- Sign in:: Use the Clerk sign-in button to authenticate.
- Add and manage words::
- Load the extension in developer mode and pin it.
- you can search, filter, and mark words as favorites.
- Delete words as needed.
- Explore features:
- You can also ask more things about the topic to the chatbot.
- View synonyms and example sentences.
- See category statistics and word counts.
- Select Mode: Choose between Storage, ChatBot, or Disable from the main interface or the pop up of the extension.
- Add Vocabulary: For using storage mode inset your email there and just select a word or sentence, its meaning, example, and (optionally) synonyms and pronunciation will be stored automatically.
- Chat with AI: Switch to ChatBot mode to ask questions or get explanations. You can select anything on any website. Open the chatbot which is visible in the bottom-left corner and you will get explanation regarding that.
- Remove Data: Use the remove button to clear your email or stored data.
