What it isQué es
A learning platform with courses, quizzes and a built-in "Mentor AI" chat. A Next.js front-end talks to a FastAPI back-end, with rich math rendering and an animated WebGL background.Una plataforma de aprendizaje con cursos, quizzes y un chat "Mentor AI" integrado. Un front-end en Next.js habla con un back-end en FastAPI, con renderizado matemático y un fondo animado en WebGL.
My partMi participación
I took part as consultant, debugger and occasional developer — advising on architecture, hunting bugs and building specific pieces across the front-end and back-end.Participé como consultor, depurador y desarrollador ocasional — asesorando en arquitectura, cazando bugs y construyendo piezas específicas tanto en el front-end como en el back-end.
The challengeEl reto
Coming into a codebase you did not write is its own skill: reading someone else's architecture, spotting where it will break and fixing it without unravelling the rest. My value here was breadth — moving between a Next.js front-end and a Python API, advising on structure, and building focused pieces like the AI tutor and the WebGL background.Entrar a un código que no escribiste es una habilidad propia: leer la arquitectura de otro, detectar dónde se va a romper y arreglarlo sin deshilachar el resto. Mi valor aquí fue la amplitud — moverme entre un front-end en Next.js y una API en Python, asesorar sobre la estructura, y construir piezas puntuales como el tutor de IA y el fondo en WebGL.
Tech behind itTecnologías detrás
- Next.js 16 + React 19 App-router front-end.Front-end con app router.
- FastAPI + SQLAlchemy Python API with Alembic migrations.API en Python con migraciones Alembic.
- PostgreSQL + Argon2 + JWT Data and secure auth.Datos y auth segura.
- AI SDK (OpenAI) The Mentor AI tutor with RAG.El tutor Mentor AI con RAG.
- Three.js / OGL (WebGL) Animated shader backgrounds.Fondos animados con shaders.
- MUI · Tailwind · KaTeX UI, styling and math typesetting.UI, estilos y composición matemática.