Skip to content

About

Gamified cybersecurity awareness app with interactive scenarios on phishing, social media scams, password security and public WiFi.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

CyberVerse - Cybersecurity Awareness Game

A gamified cybersecurity awareness application where users face interactive simulations of real-world threats.

Features

  • 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

Getting Started

  1. Open index.html in a modern web browser
  2. Click "Enter CyberVerse" to start
  3. Read each scenario carefully
  4. Make your choice
  5. Learn from the feedback
  6. Complete all scenarios to see your final score

How to Play

  • 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

Scoring

  • Correct choices: +80 to +180 points
  • Incorrect choices: -10 to -50 points
  • Timeout: -30 points
  • Level up every 300 points

Cyber Health Score

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

Extending the Game

Adding New Scenarios

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"
        }
    ]
}

Customizing Styles

Edit css/styles.css to change colors, fonts, and layout.

Adding Features

Suggested enhancements:

  • Multiplayer mode
  • More scenario types
  • Difficulty settings
  • Progress persistence (localStorage)
  • Sound effects
  • Animations
  • Leaderboard
  • Detailed analytics dashboard

Browser Compatibility

Works best in modern browsers:

  • Chrome 90+
  • Firefox 88+
  • Safari 14+
  • Edge 90+

License

Free to use and modify for educational purposes.

About

Gamified cybersecurity awareness app with interactive scenarios on phishing, social media scams, password security and public WiFi.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages