Cyber Safe Mini Game

• 

  start screen

• 

  challenge screen

• 

  score screen

Inspiration

I wanted to create a fun, interactive way to teach beginners about cybersecurity. Many people struggle with understanding basic safety online, so I decided to build a mini-game that makes learning engaging and hands-on.

What I Learned

I improved my HTML, CSS, and JavaScript skills, especially working with interactive buttons, dynamic content, and sounds. I also learned how to make the game visually appealing and user-friendly.

How I Built It

I built the game entirely in HTML, CSS, and JavaScript. Each challenge changes the background color, provides instant feedback, and updates the score dynamically. Sound effects were added to give immediate feedback for correct or wrong answers. The game works entirely in the browser, making it accessible to anyone.

Challenges I Faced

Making the game interactive while keeping it simple was challenging. I also had to ensure the feedback system and score counter worked correctly across all challenges. Adding sound effects without breaking the flow took some trial and error.

Built With

• css
• html
• javascript