An intelligent text processing application leveraging Chrome's AI APIs to provide summarization, translation, and language detection in a chat-like interface. Built for efficiency, accessibility, and a seamless user experience.
- Summarization: Get concise versions of lengthy text.
- Translation: Convert text into multiple languages with ease. (supported languages are English, French, Spanish, Portuguese, Turkish and Russian)
- Language Detection: Automatically detects the language of input text.
- Chat-Style Interface: Engaging and intuitive design.
- Theming Support: Different themes for user customization.
- Chat History: Section to view and edit previous chats.
- Fully Responsive: Optimized for both desktop and mobile devices.
- IndexedDB Manage chat history.
- Local Storage Support: Retains user preferences across sessions.
- Keyboard Navigation: Fully accessible via keyboard.
- Screen Reader Support: Enhances usability for visually impaired users.
- Sonner Toast Notifications: Errors and messages are announced for screen readers.
- First-Time User Tour: Step-by-step guidance using modals beside key UI elements.
- React (with React Router for navigation)
- Tailwind CSS (for styling)
- Sonner (for accessible toasts)
# Clone the repository
git clone https://github.com/Chioma-Okeke/hng12-stage3-AI-Text-Processing-Interface.git
# Install dependencies
yarn install # or npm install
# Run the development server
yarn dev # or npm run dev- Enter text in the chat interface.
- Choose an action (Summarize, Translate).
- Receive AI-generated output instantly.
- Use keyboard shortcuts for seamless navigation.
- Customize the theme and accessibility settings.
- Voice Input Support 🎙️
- More AI-powered text processing features
💡 Built with passion and AI power! 🚀