Our client is building an AI-driven learning platform that transforms technical documentation (PDFs, presentations, technical manuals) into interactive courses with automated video generation and intelligent AI tutoring. The platform serves pharmaceutical, manufacturing, and R&D sectors where subject matter experts need to convert complex technical content into training materials without relying on traditional learning and development teams.
We are looking for a Middle Full-Stack Engineer with strong frontend expertise to be responsible for building user-facing features across the creator and learner portals. You’ll implement responsive, accessible interfaces for course creation workflows, interactive learning experiences, and AI-powered chatbot interactions. Your primary focus is the React/Next.js webapp, with secondary contributions to backend API development when needed to support frontend features.
This role requires strong React/Next.js skills, UI/UX implementation experience, and the ability to work across the full stack when needed.
Project stage: You’ll work with a team to ship a working proof-of-concept in 2 months, followed by MVP expansion over 4 months.
Project stack: * Frontend: Next.js, React, TypeScript, Tailwind CSS * Backend: NestJS, Node.js, TypeScript * Database: PostgreSQL (Supabase), Row-Level Security (RLS) * State Management: React Query, Zustand, or Redux Toolkit (TBD) * Authentication: Supabase Auth with JWT-based sessions * Storage: AWS S3 with signed URLs for media * Email: Resend or SendGrid * Error Monitoring: Sentry * Analytics: Mixpanel, Amplitude, or PostHog * Infrastructure: AWS (S3, CloudFront CDN), Docker * CI/CD: GitHub Actions * Design Handoff: Figma
Project Highlights: * Build innovative learning interfaces with AI-generated content and interactive exploration modes * Work with modern frontend stack (Next.js, React, TypeScript, Tailwind CSS) * Real-world impact, helping technical experts create accessible learning content * Collaborate closely with designers to implement polished UX from Figma handoffs * Greenfield project with architectural freedom and modern best practices
What you’ll work on: * Creator portal features: Build course creation UI, including document upload, AI-generated course review/editing, storyboard visualization, multimedia selection, and deep referencing views * Learner portal experiences: Implement multiple learning interaction modes (traditional vertical scroll, explore/hover mode on documents, chatbot interface) with responsive design and accessibility * Frontend architecture: Set up Next.js application structure, state management, routing, API integration patterns, and component library with Tailwind CSS * Backend API support: Contribute to NestJS REST API development when needed to support frontend features (implementing endpoints, integrating authentication flows, optimizing data fetching) * AI integration UI: Integrate chatbot UI with LLM-powered responses, display AI-generated content with proper loading states, and implement feedback/editing interfaces for AI outputs
Scope of tasks and ownership: * Build and maintain frontend features for creator and learner portals using Next.js and React * Implement responsive, accessible UI components following design system and Tailwind CSS patterns * Translate Figma designs into production-ready code with attention to detail and performance * Contribute to backend API development in NestJS when needed to support frontend features (secondary responsibility) * Integrate frontend with backend APIs, implement authentication flows using Supabase Auth, and handle role-based access control (Creator/Learner/Admin) * Build real-time features and interactive UI for AI-generated content (course modules, chatbot responses, video previews) * Optimize frontend performance (bundle size, lazy loading, image optimization, caching strategies) * Implement error monitoring and analytics tracking for user interactions and conversion funnels * Participate in code reviews, frontend architecture decisions, and sprint planning * Collaborate with designer on UX refinements and accessibility improvements * Partner with backend-focused engineer on API contracts, data models, and integration patterns
What You’ll need: * 3+ years of frontend development experience with React and TypeScript * Experience using AI-powered productivity tools (Cursor, VS Code with Copilot, or similar AI-enhanced IDEs) and LLMs for research and problem-solving (ChatGPT, Claude, etc.) * Strong proficiency in React and Next.js (App Router, SSR/SSG, API routes) * Solid experience with TypeScript and modern JavaScript (ES6+) * Hands-on experience translating Figma designs into responsive, accessible UI with Tailwind CSS or similar * Understanding of state management solutions (React Query, Zustand, Redux Toolkit, or Context API) * Experience with modern frontend tooling (Vite, Webpack, ESLint, Prettier). * Basic knowledge of backend development (Node.js, REST APIs) to support full-stack contributions * Familiarity with authentication patterns (JWT, session management, RBAC) * Strong problem-solving skills and ability to work autonomously with minimal oversight * Clear written and spoken English for async collaboration and documentation
Nice to have: * Experience with Supabase (Auth, Database, Realtime, RLS policies) * Familiarity with AI/LLM-powered UI patterns (chatbots, streaming responses, loading states for generative content) * Experience with video player integration and media optimization * Knowledge of accessibility standards (WCAG) and semantic HTML * Experience with frontend performance optimization and Core Web Vitals * Familiarity with error monitoring (Sentry) and product analytics tools (Mixpanel, Amplitude, PostHog) * Experience with NestJS or similar backend frameworks (Express, Fastify) * Familiarity with PostgreSQL and database concepts * Background in EdTech, content creation tools, or learning platforms * Familiarity with testing frameworks (Jest, React Testing Library, Playwright) * GitHub-based workflows and conventional commits
Our benefits: * No micromanagement * Freedom to engage in decision-making and implementation * Ability to work in a team of professionals (the ratio of middle and above specialists 80/20) * Participation in the development of high-quality products * Direct communication with clients on a partnership level * Professional development opportunities ($600 education budget, well-managed processes, communities, internal library) * Health insurance * $600 extra for health care, sports, or mental health * 20 paid working days off and 10 days sick leave * Opportunity to work remotely * Soulful team buildings and corporate events