ICFES Master

Интерактивная платформа для подготовки к государственному экзамену ICFES (Saber 11) в Колумбии. Архитектура Feature-Based и Atomic Design на Next.js 15, React 19, Tailwind CSS и Supabase. Три уровня обучения, практика по предметам, полный пробный экзамен на 200 вопросов за 3 часа, учебные материалы, таймер, статистика, ежедневные задания и таблица лидеров, вход по email и Google, геймификация с 40+ достижениями, тарифы подписки, обратная связь с пояснениями, мультимедиа (KaTeX) и интеграция OpenAI API. Часть контента и логики достижений ещё дорабатывается.

Чему я научился

Крупный продукт: feature-based структура и Atomic Design для масштабирования UI и домена
Supabase: аутентификация (email и Google) и слой сервисов над БД
Redux Toolkit для глобального состояния в Next.js с чёткими границами фич
Образовательный контент: Markdown, математика KaTeX и медиа в одном конвейере рендера
Анимации интерфейса через GSAP и сдерживаемая связка с React
Интеграция OpenAI API с осознанным ограничением scope (ICFES, не «все страны сразу»)

Технические детали

•Next.js 15 (App Router), React 19, TypeScript
•Tailwind CSS 4, clsx, tailwind-merge
•Supabase JS: аутентификация и данные
•@reduxjs/toolkit и react-redux
•GSAP и @gsap/react
•react-markdown; KaTeX и react-katex
•Пакет openai для функций на базе ИИ