Student Registration

Multi-section student registration form with live validation.
Notebook-inspired layout. Vanilla HTML, CSS, and JavaScript.

Live Demo  ·  Quick Start  ·  Structure  ·  License

Contents

• Overview
• Features
• Screenshots
• Quick Start
• Project Structure
• License
• Course Note

Overview

A front-end student registration form for a Computer Engineering context. Fieldsets cover personal, academic, and account details with client-side validation, password feedback, and a lightweight section stepper. No backend is required for the demo.

Features

Feature	Description
Multi-fieldset form	Personal, academic, and account sections
Client validation	Required fields, patterns, and password rules
Stepper / progress	Section guidance while filling the form
Branding assets	PUP and program logos

Screenshots

Form

Quick Start

git clone https://github.com/cikeyz/student-registration.git
cd student-registration
python -m http.server 8000
# http://localhost:8000

Project Structure

student-registration/
├── index.html
├── script.js
├── style.css
├── LICENSE
├── README.md
├── assets/
│   ├── cpe-logo.png
│   ├── favicon.svg
│   └── pup-logo.png
└── docs/
    └── screenshots/
        └── form.png

License

MIT. See LICENSE.

PUP logos and marks belong to the Polytechnic University of the Philippines.

Course Note

Built for CMPE 364 (Web and Mobile Systems), Polytechnic University of the Philippines, under Engr. Arlene B. Canlas. Published here as a standalone project.