About Our Client
Our client is a mission-driven nonprofit operating in the K–12 education sector. Over the past decade, they have partnered with schools, districts, and communities across the country to rethink how learning experiences are designed, moving away from top-down reform toward community-led design processes where students, families, educators, and administrators co-create the future of their schools.
The Opportunity
We’re looking for a Full-Stack Engineer (Front-End leaning) to join a small, senior team building an AI-native platform for a mission-driven K–12 education nonprofit. You’ll own the front-end end-to-end, working closely with design and backend teams to build AI-powered experiences across chat, streaming LLM responses, voice/TTS, tool interactions, and data-rich visualizations.
This is a hands-on opportunity to shape the front-end architecture, engineering practices, and AI-powered user experience as the product moves into production.
Requirements
- 6+ years of full-stack engineering experience with a clear front-end center of gravity
- At least 2 years of building production Next.js + React applications
- Production experience with TypeScript across both FE and BE work
- Familiar with PrimeReact, particularly its data-dense components like DataTable and TreeTable, and its ability to be themed and customized for design systems.
- Real, shipped experience with AI-driven UI patterns — streaming LLM responses, chat-style interactions, tool-call rendering, optimistic UI for non-deterministic systems
- Comfort in a NestJS + Prisma backend
- Strong front-end fundamentals — component architecture, accessibility, performance under data-dense rendering, and a defensible take on state management for an LLM-driven app
- Strong design-partnership instinct; comfortable working closely with designers and reading Figma
- Advanced English (written and spoken)
Responsibilities
- Own the front end as the responsible lead — architecture, code quality, performance, and stability
- Lead the AI-driven front-end flows: chat panels, streaming LLM output, voice/TTS, tool-dispatch handling, and the custom visualization layer
- Pair tightly with the design lead on design-to-engineering handoff — protect design intent during implementation, push back when the design implies expensive trade-offs, propose realistic refinements
- Partner with the backend lead on cross-stack contracts (API shape, streaming semantics, agent tool outputs, schema evolution)
- Push behavior across the stack when needed — dive into the NestJS layer when a feature calls for it, rather than throwing it over the wall
- Set up and uphold engineering practices appropriate to the stage — code review, FE testing strategy that pairs with the QA engineer's work, CI hygiene, and documentation that lets the next engineer ramp in days, not weeks
Nice to have
- Lead behaviors — runs code review, defines patterns the rest of the team adopts, mentors, and owns workstreams end-to-end
- Hands-on experience with an agent orchestration framework (LangSmith, LangGraph, LangChain, CrewAI, or similar) and patterns for persisting session state and streaming tool outputs to a client
- Production work on data-dense or visualization-heavy interfaces — D3, custom SVG, canvas-based rendering, large lists with virtualization
- Voice/TTS or real-time multimedia experience in a web stack
- EdTech, learning-design, or instructional-systems domain exposure
Opportunity Details
- Remote, long-term role in LATAM
- Full-time opportunity with an ongoing contract
- Opportunity to own the front-end workstream and help shape an AI-native platform for a mission-driven education nonprofit
Interested? Get in touch with our Recruiters at apply@onbench.com and schedule a confidential talk for more details!