Work / Systems · ridge
Translate app
Clean, responsive translator that talks to a public API for live results.
00 Coordinates
- Client
- Studio
- Role
- Front-end
- Year
- 2025
- Stack
- React · API
- Live
- Open site ↗
01 The brief
A translator that does one job: type, receive, read — no extra chrome.
02 The problem
Utility apps get noisy. A translator should be a quiet box that does one job and shows the result immediately.
03 The decision
React against a public API. Rejected a multi-tool dashboard. Loading and errors had to stay calm.
04 The build
React UI wired to a public translation API. Minimal chrome, clear input and output, and a layout that stays usable on a phone.
- Live API results
- Quiet two-pane layout
- Mobile-first input
05 The result
A small product with a real network round-trip — useful practice for loading, errors, and a calm utility interface.
00 Coordinates · 01 The brief · 02 The problem · 03 The decision · 04 The build · 05 The result