Automatically blur personal details before you share a document
Intermediate14h1–2
Tesseract.jsTransformers.jsCanvas
17/20Offline Street Sign Translator
Point your phone at signs and get translations with no internet.
Advanced26h1–3 people15/20 fit
Build Offline Street Sign Translator for travellers with poor connectivity in ~26h with 1–3 people. Stack: Tesseract.js + Transformers.js + PWA.
Why it wins: Offline AI is impressive and the airplane-mode demo is convincing.
Build flow
01 · Problem
Travellers often have no data exactly when they need to read a sign or notice.
02 · Solution
Run Tesseract.js OCR and a small local translation model in the browser so text is read and translated fully offline.
03 · Build
- 1Add OCR with Tesseract.js
- 2Load a small translation model with Transformers.js
- 3Cache models for offline use
- 4Package as a PWA
04 · Demo
Turn on airplane mode and translate a printed sign in another language.
MVP checklist
- Camera OCR
- Offline translation
- Saved phrases
- Installable PWA
Tech stack
| Tech | Role | |
|---|---|---|
| Tesseract.js | OCR in the browser | AI |
| Transformers.js | On-device ML models | AI |
| PWA | Tooling | Tool |
Reference repos
Open-source projects you can build on. Links checked 2026-10-31.
Related ideas
More AISearch your photos by description without uploading them anywhere
Advanced30h1–3Transformers.jsCLIPWebGPU17/20Summarizes private documents without data ever leaving the laptop
Advanced36h2–3Next.jsWebLLMWebGPU17/20