Senior Frontend Developer

Location: Remote (with Bangalore development team) Experience Required: 5+ years Contract Type: Full-timeSalary ₹18-22 LPA dependent on experience About ZavmoZavmo, your lifelong learning companion, is an AI-powered learning platform serving hundreds of thousands of learners globally. We've built a sophisticated B2C learning experience that makes professional development feel personal, engaging, and genuinely transformative.Recently recognised as Top 20 AI Innovation Learning Tools by Training Magazine (2025).Our platform delivers conversational AI-driven learning through the 4D Process (Discover, Discuss, Deliver, Demonstrate), helping learners progress from their current role to their dream career with personalised guidance, formal qualifications, and transparent career pathways.The RoleWe need an experienced frontend developer who understands B2C user experiences and can build polished, responsive interfaces that learners genuinely love using. You'll be implementing designs from Figma, creating reusable component libraries, and ensuring our conversational AI learning interface feels natural, intuitive, and delightful.This isn't building internal dashboards. You'll be crafting consumer-grade experiences where UX details matter enormously - smooth animations, perfect responsive behaviour, accessibility compliance, and interfaces that work brilliantly for neurodivergent learners.What You'll BuildImmediate Projects:Career Pathways Visualisation - Interactive cards showing progression routes with readiness scoresAssessment Progress Tracker - Real-time status dashboard for OFQUAL qualification criteriaConversational Learning Interface - Multi-agent AI conversation UI with voice/video supportGamification Dashboard - Streaks, badges, achievements, and progress celebrationsResponsive Learning Flows - Mobile-first 4D process across all breakpointsEnhancement Work:Component library expansion following design systemPerformance optimisation for smooth 60fps interactionsAccessibility improvements (WCAG 2.1 AA compliance)Animation and micro-interaction polishState management for complex multi-step learner journeysCore Technical Stack (Must Have 5+ Years)Primary Technologies:React - Modern functional components, hooks, contextTypeScript - Strict typing, interfaces, type safety throughoutTailwind CSS - Utility-first styling, custom design systemComponent Libraries - shadcn/ui, Radix UI primitives, or similarState Management - Context API, React Query, or ReduxEssential Skills:Responsive design implementation (mobile-first approach)Performance optimisation (lazy loading, code splitting, memoization)Accessibility standards (WCAG 2.1 AA, ARIA, keyboard navigation)API integration and data fetching patternsGit workflows and code review practicesRequired ExperienceYou Must Have:5+ years React development in production B2C applications3+ years TypeScript in production (not just basic types)Proven experience building consumer-facing products with >10,000 usersStrong portfolio demonstrating polished UI workExperience implementing designs from Figma with high fidelityMobile-first responsive design implementation expertiseAPI integration with RESTful servicesB2C Experience Is Critical: You've built applications where:User delight matters more than feature densitySmooth animations and transitions are expectedMobile experience is as important as desktopAccessibility isn't optionalPerformance directly impacts user retentionEvery pixel and interaction is intentionalIdeally You Also Have:Experience with AI chat interfaces or conversational UIsWebRTC or real-time communication featuresProgressive Web App (PWA) implementationAnimation libraries (Framer Motion, React Spring)Testing frameworks (Jest, React Testing Library, Playwright)Experience with learning platforms or EdTechUnderstanding of neurodiversity-friendly designWhat We're Not Looking ForThis role isn't suitable if you:Primarily build internal enterprise dashboardsHaven't worked on consumer-facing productsDon't have production TypeScript experienceNeed close supervision to implement designsView accessibility as "nice to have"Haven't worked with modern React patterns (hooks, context, etc.)The Zavmo UI ChallengeConversational AI Interface: You'll be building a multi-modal learning companion interface with:Text, voice, and video conversation supportReal-time AI response renderingDynamic content adaptation based on learner needsSmooth transitions between learning phasesContext-aware UI that adapts to 18 different AI agent personalitiesExample User Journeys:Discovery - Learner inputs career goals → AI matches to 5,000+ roles → Shows personalised career pathwaysLearning - Conversational dialogue → AI asks questions → Learner responds → Real-time progress updatesAssessment - Evidence submission → AI validation → Immediate feedback → Progress celebrationTechnical Challenges:Rendering AI responses with proper formatting, citations, and interactive elementsHandling real-time data updates without janky UIManaging complex state across multi-step learning journeysOptimising performance for low-bandwidth scenariosSupporting multiple learning styles through adaptive UIDesign System & ComponentsYou'll work with:Figma designs - Comprehensive designs covering authentication, 4D process, dashboardsDesign system - Established colour palette, typography, spacing, component patternsComponent library - shadcn/ui base + custom Zavmo componentsComponents You'll Build:Career pathway cards (interactive, expandable)Progress trackers (qualification progress, assessment criteria)Conversation bubbles (AI agent responses, learner inputs)Status badges (complete, in progress, not started)Gamification elements (badges, streaks, achievements)Readiness score indicators (visual progress bars)Modal dialogs, tooltips, notificationsResponsive navigation patternsTechnical EnvironmentFrontend Architecture:React 18+ with TypeScriptTailwind CSS for stylingVite or Next.js for build toolingshadcn/ui component primitivesReact Query for data fetchingReact Router for navigationIntegration Points:RESTful APIs for agent communicationWebSocket connections for real-time updatesAuthentication (SSO/Active Directory)Learning Record Store (xAPI)External LMS integration (MLC/Workday)Performance Requirements:First Contentful Paint