A gamified cybersecurity awareness application where users face interactive simulations of real-world threats.
-
5 interactive scenarios covering:
- Phishing emails
- Social media scams
- Password security
- Public WiFi risks
- AI deepfake attacks
-
Real-time scoring system
-
Cyber Health Score tracking
-
Achievement system
-
Timed challenges
-
Instant feedback with explanations
-
Progressive difficulty levels
- Open
index.htmlin a modern web browser - Click "Enter CyberVerse" to start
- Read each scenario carefully
- Make your choice
- Learn from the feedback
- Complete all scenarios to see your final score
- Each scenario presents a realistic cybersecurity threat
- Choose the best response from the available options
- Some scenarios are timed - think fast!
- Earn points for correct decisions
- Maintain your Cyber Health Score
- Unlock achievements by demonstrating security skills
- Correct choices: +80 to +180 points
- Incorrect choices: -10 to -50 points
- Timeout: -30 points
- Level up every 300 points
Your Cyber Health Score reflects how well you protect yourself online:
- A+ (90-100%): Excellent security awareness
- A (80-89%): Strong security practices
- B (70-79%): Good, with room for improvement
- C (60-69%): Needs attention
- D (50-59%): High risk
- F (below 50%): Critical vulnerabilities
Edit js/scenarios.js and add new scenario objects:
{
id: 6,
type: "Scenario Type",
difficulty: 1,
hasTimer: false,
text: "Scenario description",
visual: "Optional visual content",
choices: [
{
text: "Choice text",
correct: true/false,
points: 100,
healthImpact: 0,
feedback: "Short feedback",
explanation: "Detailed explanation"
}
]
}Edit css/styles.css to change colors, fonts, and layout.
Suggested enhancements:
- Multiplayer mode
- More scenario types
- Difficulty settings
- Progress persistence (localStorage)
- Sound effects
- Animations
- Leaderboard
- Detailed analytics dashboard
Works best in modern browsers:
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
Free to use and modify for educational purposes.