{"id":25578679,"url":"https://github.com/jomagene/hng12-stage3-ai-text-interface","last_synced_at":"2026-03-04T18:02:14.352Z","repository":{"id":278123835,"uuid":"934088766","full_name":"Jomagene/hng12-stage3-ai-text-interface","owner":"Jomagene","description":"AI-Powered Text Processing Interface is a Next.js web app that leverages Chrome’s AI APIs for language detection, summarization, and translation in a chat-like interface. It uses Tailwind CSS for styling and handles text processing asynchronously with proper error feedback.","archived":false,"fork":false,"pushed_at":"2025-02-25T15:32:54.000Z","size":4872,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-30T14:40:05.532Z","etag":null,"topics":["animation-css","chrome-ai","hot-toast","language-detection","nextjs15","summarization","translator"],"latest_commit_sha":null,"homepage":"https://gtext-ai.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Jomagene.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-02-17T08:58:26.000Z","updated_at":"2025-03-13T17:13:57.000Z","dependencies_parsed_at":"2025-02-25T16:24:56.999Z","dependency_job_id":null,"html_url":"https://github.com/Jomagene/hng12-stage3-ai-text-interface","commit_stats":null,"previous_names":["jomagene/hng12-stage3-ai-text-interface"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jomagene/hng12-stage3-ai-text-interface","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jomagene%2Fhng12-stage3-ai-text-interface","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jomagene%2Fhng12-stage3-ai-text-interface/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jomagene%2Fhng12-stage3-ai-text-interface/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jomagene%2Fhng12-stage3-ai-text-interface/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jomagene","download_url":"https://codeload.github.com/Jomagene/hng12-stage3-ai-text-interface/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jomagene%2Fhng12-stage3-ai-text-interface/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30088336,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T15:40:14.053Z","status":"ssl_error","status_checked_at":"2026-03-04T15:40:13.655Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation-css","chrome-ai","hot-toast","language-detection","nextjs15","summarization","translator"],"created_at":"2025-02-21T03:16:50.324Z","updated_at":"2026-03-04T18:02:14.333Z","avatar_url":"https://github.com/Jomagene.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AI-Powered Text Processing Interface\n\n## 🚀 Overview\n\nAn AI-powered text processing interface that allows users to input text and leverage Chrome's AI APIs for:\n\n- **Language Detection**\n- **Summarization** (for now just for English text over 150 characters)\n- **Translation**\n\nThe UI is designed to be chat-like, responsive, and accessible.\n\n---\n\n## 🎯 Features\n\n### 🔹 Core Functionality\n\n- **Chat-like UI**: User inputs appear in an output area similar to a messaging app.\n- **Language Detection**: Displays detected language below the input text.\n- **Summarization**: If text exceeds 150 characters, a \"Summarize\" button appears (only for English text).\n- **Translation**: Users can translate text using a dropdown language selector and \"Translate\" button.\n- **Asynchronous API Calls**: Handles processing via Chrome AI APIs, ensuring smooth user interactions.\n- **Error Handling**: Displays clear messages for empty inputs, API failures, and invalid text.\n\n### 🎨 UI/UX Considerations\n\n- **Large, user-friendly text area** for input.\n- **Accessible components** with keyboard navigation, and focus indicators.\n- **Responsive design**\n\n---\n\n## 🧐 Screenshots\n\n### Launching the Application\n\n![Launching the App](screenshots/launch.png)\n\n### Translator in action\n\n![Launching the App](screenshots/translation.png)\n\n### Summarizer in action\n\n![Launching the App](screenshots/summarizer.png)\n\n---\n\n## 🛠️ Technologies Used\n\n- **Frontend**: Javascript, Next.js\n- **APIs**: Chrome AI APIs (Summarizer, Translator, Language Detection)\n- **Deployment**: Vercel\n\n---\n\n## 📌 Installation \u0026 Setup\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-repo.git\n   cd your-repo\n   ```\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Start the development server:\n   ```bash\n   npm run dev\n   ```\n4. Open the app in your Chrome browser.\n\n\u003e **Note:** Enable experimental feature flags in Chrome to access these APIs.\n\n---\n\n## 🔧 Chrome Requirements\n\n### Browser Compatibility\n\n- These APIs are currently exclusive to Chrome, with plans to standardize them across browsers.\n\n### Supported Features \u0026 Platforms\n\n- **Summarizer API**: Requires Gemini Nano and runs locally on desktop/laptop computers. Not supported on mobile devices.\n- **Language Detection and Translation APIs**: Available on both desktop and Android devices within Chrome.\n\n### Hardware Requirements\n\n- **Operating Systems**: Windows 10 or 11, macOS 13+ (Ventura and onwards), or Linux.\n- **Storage**: At least 22 GB of free space on the volume containing your Chrome profile.\n- **Network**: Unlimited data or an unmetered connection is recommended.\n\nFor comprehensive details, refer to the [Chrome AI Documentation](https://developer.chrome.com/docs/ai).\n\n---\n\n## 📚 Additional Resources\n\n- [Chrome AI APIs Overview](https://developer.chrome.com/docs/ai/)\n- [Summarizer API Documentation](https://developer.chrome.com/docs/ai/summarizer-api)\n- [Translator API Documentation](https://developer.chrome.com/docs/ai/translator-api)\n- [Language Detection API Documentation](https://developer.chrome.com/docs/ai/language-detection)\n\n\u003e **Note:** Enable experimental feature flags in Chrome to access these APIs.\n\n---\n\n## 💜 License\n\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjomagene%2Fhng12-stage3-ai-text-interface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjomagene%2Fhng12-stage3-ai-text-interface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjomagene%2Fhng12-stage3-ai-text-interface/lists"}