Live application

Project IronGate

Cybersecurity training and awareness experience

An interactive training site for learning common security threats through guided explanations, knowledge checks, and a structured learning flow.

Learning flow / 01

Learn the threat, then test understanding

IronGate presents each security topic in a guided sequence: explain the threat, show why it matters, then reinforce the concept with a knowledge check.

01Threat
02Explanation
03Example
04Knowledge Check

Training modules / 02

Built around common security risks

Human threat

Phishing

Shows how urgency and apparent authority pressure people to act before verifying a request.

Access threat

Social Engineering

Explains how confidence and familiarity can be used to bypass identity and access checks.

Credential threat

Weak Passwords

Connects shared or predictable credentials with unauthorized access and lost accountability.

Device threat

Unknown USB Devices

Emphasizes reporting unfamiliar devices instead of connecting untrusted media to company equipment.

Operational threat

Ransomware

Shows how compromise can stop connected operations and why rapid isolation and reporting matter.

Interaction model / 03

Structured for guided learning

The site keeps the learner moving through a defined path rather than presenting disconnected security facts. Each section combines explanation, context, and an immediate check for understanding.

Understand

Scenario briefings

Each module connects a cyber threat to a warehouse incident, then identifies the tactic, vulnerability, and defense.

Respond

Decisions and feedback

Learners make a scenario decision, receive immediate feedback, and continue into analysis and a knowledge check.

Continue

Progress and completion

Browser-based progress saving supports resume behavior, while completing all five investigations unlocks a personalized certificate.

System visuals / 04

Inside the training experience

Real project views show the investigation queue, a guided threat briefing, and the knowledge check that reinforces each lesson.

Implementation / 05

What I built

  • 01A responsive static front end built with HTML, CSS, and JavaScript.
  • 02A data-driven structure for five guided cybersecurity investigations.
  • 03Learner-controlled incident videos paired with threat briefings and operational analogies.
  • 04Scenario decisions, knowledge checks, and immediate answer feedback.
  • 05Browser-based progress saving, resume behavior, and completion state.
  • 06A personalized printable certificate and deployment through GitHub Pages.

Continue exploring

Explore the project

Use the live site to experience the training flow, or review the repository for the implementation and project structure.