- A modern React-based web application for building, managing, and exploring a personalized vocabulary library. Users can search, filter, and favorite words, as well as organize them by category or topic.
- User Authentication: Secure sign-in and user management with Clerk.
- Word Management: Add, edit, and delete words with definitions, examples, and categories.
- 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.
- 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::
- Search, filter, and mark words as favorites.
- Edit or delete words as needed.
- Explore features:
- Filter by category or favorites.
- View synonyms and example sentences.
- See category statistics and word counts.
- Select Mode: Choose between Storage, ChatBot, or Disable from the main interface
- Add Vocabulary: 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.
- Remove Data: Use the remove button to clear your email or stored data.
