How sohaibwaheed2006-beep/codealpha_phishingawarenesstraining works
PhishGuard is a browser-based phishing-awareness course: learners review training content and attack examples, then test their knowledge in a quiz that can award a completion certificate. The README documents five course modules, real-world case studies, and quiz feedback; the available JavaScript excerpts show slide, example, and quiz interactions, including answer feedback and certificate display. The graph keeps content and interaction responsibilities distinct. Source excerpts are partial, so connections for unsampled features are limited to documented capabilities.
Main entry points: index.html Course page · app.js Quiz interaction · style.css Visual presentation
Components 15
Learning content
- Course page
index.html - Phishing basics
index.html - Email detection
index.html - Website detection
index.html - Social engineering
index.html - Defense and response
index.html - Attack case studies
index.html - Visual presentation
style.css
Course interactions
- Slide navigation
app.js - Example interactions
app.js
Assessment
- Quiz questions
app.js - Quiz interaction
app.js - Answer feedback
app.js - Score and certificate
app.js
Other components
- Learner
Connections 16
- Learner → Course page: opens
- Course page → Phishing basics: presents
- Course page → Email detection: presents
- Course page → Website detection: presents
- Course page → Social engineering: presents
- Course page → Defense and response: presents
- Course page → Attack case studies: presents
- Course page → Visual presentation: styled by
- Learner → Slide navigation: selects slides
- Slide navigation → Course page: changes view
- Learner → Example interactions: expands examples
- Example interactions → Attack case studies: reveals details
- Learner → Quiz interaction: answers questions
- Quiz interaction → Quiz questions: uses
- Quiz interaction → Answer feedback: shows feedback
- Quiz interaction → Score and certificate: shows results