Back to Projects
In development
Pilot
Next.jsReactSupabaseTypeScriptTailwind CSSRedux ToolkitGSAPKaTeXOpenAI API2026

ICFES Master

An ICFES (Saber 11) practice app with three layers: foundations by competency, per-subject exams, and a full mock (beta; the 2026 core is practice by subject). Covers Math, Critical Reading, Natural Sciences, Social Studies, and English, with a timer, stats, and challenges. Email or Google login via Supabase, a growing achievements system, no active billing plans in 2026, per-question explanations, KaTeX formulas, and OpenAI help only when gated on. The question bank is still growing.

View DemoView Code

Project Screenshots

ICFES Master — vista previa

1 / 8

What I learned

  • Split the product by study areas (not loose pages) so each subject can grow on its own
  • Supabase auth and data without burying business rules in the client
  • Redux Toolkit only where progress and session cross multiple screens
  • Render Markdown + KaTeX + images in one question pipeline
  • GSAP for correct/incorrect feedback without cluttering the study UI
  • Scope OpenAI to Colombian ICFES instead of a generic “every country” exam tool

Technical Details

  • •Next.js 15 (App Router), React 19, TypeScript
  • •Tailwind CSS 4, clsx, tailwind-merge for conditional classes
  • •Supabase JS client for auth and data access
  • •@reduxjs/toolkit and react-redux
  • •GSAP and @gsap/react for animations
  • •react-markdown; KaTeX and react-katex for math
  • •openai SDK for AI-backed features