Building a Multi-Page Learning Portal for FUTO's IFT Department — From Scratch, No Frameworks

Anthony Mberede — Sun, 28 Jun 2026 08:38:49 +0000

As a final-year Information Technology student at the Federal University of Technology, Owerri (FUTO), I wanted a project that would force me to understand the fundamentals of web development without leaning on frameworks to do the heavy lifting. That project became a multi-page learning portal built for the IFT department written entirely in plain HTML, CSS, and JavaScript.

Why No Frameworks?

It's tempting to reach for React, Vue, or a CSS framework the moment you start a web project. But I wanted to genuinely understand what those tools abstract away: how the DOM updates, how form validation actually works under the hood, and how to structure a multi-page site without a router doing it for me. Building this portal in vanilla JavaScript meant every interaction every validation check, every page transition was something I had to reason through myself.

What the Portal Does

The portal serves as a learning resource hub for IFT students, with consistent navigation and layout across every page. Key technical pieces included:

Client-side form validation. Rather than relying on a library, I wrote validation logic by hand for example, enforcing that student matriculation numbers followed the department's specific 11-digit format starting with 202, and confirming entries matched the IFT department pattern before allowing submission. Writing this without a validation library meant carefully handling edge cases: empty fields, malformed input, and clear, immediate feedback to the user.

Structured multi-page navigation. Without a frontend router, keeping navigation consistent across multiple HTML pages required careful planning shared header/footer markup, consistent class naming, and predictable file structure so adding a new page didn't mean reinventing the layout.

Plain JavaScript throughout. No template literals, no build step, no transpiling just var-based JavaScript and direct DOM manipulation. It's not the most modern way to write JS in 2026, but it's a useful constraint: it forces you to understand exactly what's happening in the browser, line by line.

What I Learned

Working without a framework's safety net surfaced problems I might never have encountered otherwise like the subtlety of validating numeric strings versus actual numbers, or the importance of structuring reusable markup when you don't have components. It also gave me a much deeper appreciation for why frameworks exist abstracting this kind of repetitive, error-prone work is genuinely valuable once you understand what's being abstracted.

This project, alongside hands-on simulations I've completed in software engineering and data analytics, has been part of building a practical, full-stack foundation as I prepare to graduate this August. If you're learning web development, I'd genuinely recommend building at least one project without a framework, it changes how you read framework code afterward.

Anthony Mberede is a final-year Information Technology student at the Federal University of Technology, Owerri, graduating August 2026.

DEV Community: Anthony Mberede

Building a Multi-Page Learning Portal for FUTO's IFT Department — From Scratch, No Frameworks