← all projects

// project · nextutor

NexTutor

web
completed
featured

<p>NexTutor is an AI-first education platform I built to make high-quality tutoring accessible, adaptive, and always available. Traditional learning often struggles with one-size-fits-all pacing, delayed feedback, and limited access to quality mentors. NexTutor addresses this with a personalized, interactive experience powered by modern AI and real-time communication. At the core of the product is a structured curriculum system (Board → Class → Subject → Unit → Chapter) combined with live AI tutoring sessions. Learners can ask questions in natural language, receive context-aware explanations, and learn visually using collaborative whiteboard tools. The platform also includes analytics and progress tracking so students can clearly see growth over time. From a technical perspective, NexTutor is built using Next.js App Router, TypeScript, tRPC, Drizzle ORM, PostgreSQL (Neon), and Google Gemini integration for tutoring intelligence. Authentication is handled with Better Auth, and the architecture is modular to support rapid feature expansion across admin, learning, content, and live session domains. The result is a production-ready web platform designed for students who need flexible, personalized learning—whether they are preparing for school exams, college coursework, or self-paced upskilling.</p>

Next.jsReactTypeScriptTailwind CSStRPCDrizzle ORMPostgreSQLBetter AuthGeminiWebRTCTanStack QueryZodDocker

highlights

  • AI-powered live tutoring with real-time question answering
  • Structured curriculum flow: Board → Class → Subject → Unit → Chapter
  • Interactive whiteboard collaboration during learning sessions
  • Progress analytics for completion, consistency, and performance visibility
  • Type-safe full-stack architecture with tRPC + Drizzle + TypeScript
  • Secure authentication and session management with Better Auth
  • Modular codebase designed for scalability and feature velocity

challenges

One of the biggest challenges was balancing real-time interactivity with maintainable architecture. Live tutoring flows (audio/video + chat + whiteboard + AI response loops) require careful orchestration across UI state, API routes, and backend services. Another challenge was creating a curriculum model flexible enough to support different educational boards while still feeling simple to navigate for end users. I solved this with a normalized hierarchy and strongly typed schemas. AI integration also required prompt/response design work to keep explanations useful, concise, and context-aware for different learner levels.

learnings

- Designing for education means optimizing for clarity, not just features. - Type-safe contracts across frontend/backend reduce regressions significantly in fast-moving products. - Real-time systems benefit from strict separation of concerns (session state, transport, and AI logic). - Product polish (loading states, empty states, progress feedback) has a major impact on learning retention. - Building with modular boundaries early makes future roadmap execution much faster.

screenshots

NexTutor screenshot
NexTutor screenshot
NexTutor screenshot