What it isQué es
The website of the Faculty of Exact and Natural Sciences (UNAL, Manizales). Two fronts: the continuous redesign and maintenance of public sections — events, professors, academic programmes, conference microsites — and an internal admin I built to edit all that content and to generate official certificates.El sitio de la Facultad de Ciencias Exactas y Naturales (UNAL, Manizales). Dos frentes: el rediseño y mantenimiento continuo de secciones públicas — eventos, profesores, programas académicos, micrositios de congresos — y un panel interno que construí para editar todo ese contenido y generar certificados oficiales.
My partMi participación
As full-stack developer I restructured, automated and designed sections of the public site, and built "fcenedit" — a Next.js admin that manages the faculty's content and paperwork.Como desarrollador full-stack reestructuré, automaticé y diseñé secciones del sitio público, y construí "fcenedit" — un panel en Next.js que gestiona el contenido y la papelería de la facultad.
The challengeEl reto
The hard part was not one page but a system that non-technical staff can keep alive on their own. Sections like events and the professors directory had to become data-driven — fed from Google Sheets the faculty already used — so updating the site means editing a spreadsheet, not the code. On top of that, generating official certificates as pixel-perfect PDFs on the server, and doing all of it inside a public institution's brand, accessibility and approval constraints.Lo difícil no era una página sino un sistema que el personal no técnico pueda mantener vivo por su cuenta. Secciones como eventos y el directorio de profesores tenían que volverse dirigidas por datos — alimentadas desde las Google Sheets que la facultad ya usaba — para que actualizar el sitio sea editar una hoja de cálculo, no el código. Sobre eso, generar certificados oficiales como PDFs perfectos en el servidor, y hacer todo dentro de las restricciones de marca, accesibilidad y aprobación de una institución pública.
Tech behind itTecnologías detrás
- Next.js 16 + React 19 The fcenedit admin app.La app de administración fcenedit.
- TypeScript + Tailwind 4 Typed, utility-first UI.UI tipada y utility-first.
- Firebase + Cloudinary Auth and media storage.Auth y almacenamiento de medios.
- Google Sheets API Spreadsheets as a data source.Hojas de cálculo como fuente de datos.
- PDFKit + svg-to-pdfkit Server-side certificate generation.Generación de certificados en el servidor.
- HTML / CSS / JS The public fcen.unal.edu.co sections.Las secciones públicas de fcen.unal.edu.co.
HighlightsLo más llamativo
Professors directoryDirectorio de profesores
Sixty-seven faculty in a searchable, filterable grid — by department, dedication and academic category. A section that used to be static, now driven by data anyone on staff can update.Sesenta y siete profesores en una grilla con búsqueda y filtros — por departamento, dedicación y categoría. Una sección que antes era estática, ahora dirigida por datos que cualquiera del equipo puede actualizar.
Conference micrositesMicrositios de congresos
Full event landings — like the International Materials Congress — with their own identity, agenda and registration, built to slot into the faculty site.Landings de evento completas — como el Congreso Internacional de Materiales — con identidad, agenda e inscripción propias, hechas para encajar en el sitio de la facultad.