Neoesis
AI-assisted platform for generating pedagogically planned interactive learning experiences.
- Record
- Project 019
- Documentation
- Technical notes included
Neoesis is an AI-assisted learning platform for producing interactive educational experiences around any subject. Instead of filling static templates, the system is designed like a digital lesson team: it plans the pedagogy, structures the lesson, and turns the material into responsive web experiences. The product includes personalized lesson flow, 3D visualizations, quiz components, progress tracking, notes, search, dark mode, and accessibility-minded UI. It was built with Next.js, React, TypeScript, Tailwind CSS, Framer Motion, Three.js, Zustand, Zod, Vitest, and Playwright, with quality goals around strict typing, linting, testing, accessibility, performance, and maintainability.
System components
- Next.js App Router
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Three.js / React Three Fiber
- Zustand
- Zod
- Vitest
- Playwright
Data under tension
Topic and audience input -> Pedagogical planning -> Lesson structure -> Interactive modules -> Quality checks
Tradeoffs
- Keeping generated lessons pedagogically useful
- Balancing rich visuals with performance
- Maintaining accessibility across interactive content