Volver a Proyectos
En desarrollo
Piloto
Next.jsReactSupabaseTypeScriptTailwind CSSRedux ToolkitGSAPKaTeXOpenAI API2026

ICFES Master

App para practicar el ICFES (Saber 11) con tres capas: bases por competencia, exámenes por materia y un simulacro global (beta; el núcleo 2026 es práctica por área). Cubre Matemáticas, Lectura Crítica, Ciencias Naturales, Sociales e Inglés, con temporizador, estadísticas y desafíos. Login con email o Google (Supabase), sistema de logros en crecimiento, sin planes de cobro activos en 2026, explicaciones por pregunta, fórmulas con KaTeX y apoyo OpenAI solo si está habilitado. El banco de preguntas sigue creciendo.

Capturas del Proyecto

ICFES Master — vista previa

1 / 8

Qué aprendí

  • Partir el producto por áreas de estudio (no por páginas sueltas) para que cada materia escale sola
  • Auth y datos con Supabase sin mezclar reglas de negocio en el cliente
  • Redux Toolkit solo donde el progreso y la sesión cruzan varias pantallas
  • Renderizar Markdown + KaTeX + imágenes en el mismo flujo de pregunta
  • GSAP para feedback de aciertos/fallos sin saturar la UI de estudio
  • Limitar OpenAI al ICFES colombiano en vez de un “examen genérico mundial”

Detalles Técnicos

  • Next.js 15 (App Router), React 19, TypeScript
  • Tailwind CSS 4, clsx y tailwind-merge para clases condicionales
  • Supabase JS: autenticación y cliente para datos
  • @reduxjs/toolkit y react-redux
  • GSAP y @gsap/react para animaciones
  • react-markdown; KaTeX y react-katex para fórmulas
  • SDK openai para integraciones basadas en IA