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
Team composition: Architect, Software Engineer, Designer, QA Engineer, DevOps Engineer, BA, Delivery Manager
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
Join us and be among those who care!