What it isQué es
A private study library for the Colombian Saber 11 (Icfes) exam. Students log in and browse hundreds of practice documents organized by subject — maths, reading, science, social studies and English — with live search, previews, downloads and a curated toolbox of external resources.Una biblioteca de estudio privada para el examen Saber 11 (Icfes). Los estudiantes inician sesión y navegan cientos de documentos de práctica organizados por materia — matemáticas, lectura, ciencias, sociales e inglés — con búsqueda en vivo, vista previa, descargas y una caja de herramientas curada con recursos externos.
My partMi participación
I designed and built the whole product on my own: the interface, the animations, the search engine and the Firebase backend.Diseñé y construí todo el producto yo solo: la interfaz, las animaciones, el buscador y el backend en Firebase.
The challengeEl reto
The real problem was not the code but the information: turning a messy pile of exam PDFs into something a stressed student can actually navigate. That meant designing an information architecture by subject and source, a fast client-side search over the catalogue, gated access so only registered students get in, and scroll-driven motion to make a study tool feel alive — all shipped as a static site with Firestore as the only backend.El problema real no era el código sino la información: convertir un montón desordenado de PDFs de examen en algo que un estudiante estresado pueda navegar de verdad. Eso implicó diseñar una arquitectura de información por materia y fuente, un buscador rápido del lado del cliente sobre el catálogo, acceso protegido para que solo entren estudiantes registrados, y animación ligada al scroll para que una herramienta de estudio se sienta viva — todo servido como sitio estático con Firestore como único backend.
Tech behind itTecnologías detrás
- Vanilla JS (ES Modules) No framework — plain modular JavaScript.Sin framework — JavaScript modular puro.
- GSAP + ScrollTrigger Scroll-driven animations.Animaciones ligadas al scroll.
- Firebase Firestore Users and study material storage.Almacenamiento de usuarios y material.
- GitHub Pages Static hosting.Hosting estático.
HighlightsLo más llamativo
Real exam materialMaterial de examen real
Behind the login lives the point of the whole thing: real practice questions and readings across every Saber 11 area, ready to preview and download.Tras el login vive el sentido de todo: preguntas y lecturas de práctica reales de cada área del Saber 11, listas para previsualizar y descargar.
A curated toolboxUna caja de herramientas curada
Beyond the library, a hand-picked hub of results by year, free mock exams and study channels — the shortcuts a student would otherwise spend hours hunting for.Más allá de la biblioteca, un centro seleccionado de resultados por año, simulacros gratis y canales de estudio — los atajos que un estudiante tardaría horas en encontrar.