An intelligent text processing application built with Next.js that leverages Chrome's built-in AI APIs for real-time language detection, summarization, and translation - all running locally in the browser without external API calls.
- Language Detection - Automatically detects the language of input text with confidence scores
- Text Summarization - Generates concise summaries of English text longer than 150 characters
- Translation - Translates text between multiple languages using on-device AI
- Chat Interface - Clean, responsive chat UI for processing multiple messages
- Confidence Indicators - Displays detection confidence percentages for transparency
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: CSS Modules
- UI Components: Custom shadcn/ui components
- AI Integration: Chrome Built-in AI APIs (Summarizer, Language Detector, Translator)
- State Management: React Context API + Hooks
The application uses Chrome's experimental on-device AI APIs:
- Language Detection:
window.ai.languageDetectoridentifies the input language - Summarization:
window.ai.summarizercreates concise summaries - Translation:
window.ai.translatorprovides real-time translation
All processing happens locally in the browser - no data leaves your device!
- Clone the repository
git clone https://github.com/estheticallybawo/ai-text-processor.git- Install dependencies
npm install- Run the development server
npm run dev- Chrome browser (Canary or Dev channel recommended)
- Enable Chrome's built-in AI features at
chrome://flags/#optimization-guide-on-device-model.
- Content creators checking multilingual text
- Students summarizing long articles
- Language learners translating phrases
- Quick language identification for international communication
- Support for more languages in translation
- Export chat history
- Dark/light theme toggle
- Voice input integration
Contributions are welcome! Feel free to open issues or submit PRs.
MIT
Esther Bawo Tsotso
- GitHub: @estheticallybawo
- Built for HNG Tech Internship
This project demonstrates practical implementation of on-device AI capabilities in modern web applications, showcasing real-time language processing without compromising user privacy.