Education · Front end · Product design

Live portfolio demo

Noel College Digital Campus

A privacy-first school information site with a clearly separated synthetic portal demo.

Noel College Digital Campus home page with school information and admissions navigation

Overview

What the project is designed to do

An independent Noel College digital-campus concept organizing public information, academics, admissions preparation, verified contacts, consent-gated media, and a synthetic browser-only portal.

Public facts retain source notes and uncertainty instead of filling gaps with unsupported school claims.

Admissions preparation stays in the browser until a visitor opens email or copies a summary; remote media loads only with consent.

Problem

What needed to change

A generic school-management template created unsafe expectations around private records while public information contained gaps.

Solution

How the release responds

Narrow the clean-room release to public information and enquiry preparation, with a separate synthetic portal demo.

Key features

What visitors can use

  • Public school and academic pages
  • Admissions enquiry preparation
  • Verified contact routes
  • Consent-gated media
  • Synthetic local portal

Implementation

How it was built

  1. 01

    An ES-module generator produces 18 documents.

  2. 02

    School facts and synthetic portal data are separate.

  3. 03

    Native modules manage admissions, portal state, PWA, and offline behavior.

Architecture

Delivery shape

Static public and portal-demo pages run without an application server, database, secret, or authentication.

Product boundary

What this release does not claim

  • Independent concept, not the school’s live portal
  • No live login, payment, result, attendance, fee, health, safeguarding, or messaging system

Continue exploring

Related projects