🛡️ Cybersecurity Awareness Platform

Cybersecurity Awareness Platform is an interactive, gamified learning environment built to bridge the gap between technical security concepts and everyday digital safety. Designed for the iFest (DA-IICT) Hackathon, this platform empowers users to identify, understand, and defend against modern cyber threats through hands-on simulations.

---

⚠️ The Problem: "The Human Element"

Statistics show that over 90% of successful cyberattacks involve human error. Current awareness training is often:

• Too Theoretical: Long PDFs and boring videos that users ignore.
• Intimidating: Heavy jargon that scares away non-technical users.
• Passive: Users read about threats but never see them in action.
• Outdated: Fails to address modern social engineering and AI-driven phishing.

✅ The Solution: Interactive Defense

I built this platform to turn "passive observers" into "active defenders":

• Phishing Simulators: Real-world scenarios where users must identify "Red Flags" in emails and URLs.
• Interactive Quizzes: Gamified assessments that provide instant feedback and explanations.
• Visual Attack Deconstruction: Simplified walkthroughs of how common attacks (like Man-in-the-Middle or SQL Injection) work.
• Personalized Progress: Tracking user improvement across different security domains (Passwords, Web Safety, Social Engineering).

---

✨ Key Features

• Live Threat Feed: A curated stream of the latest global cyber vulnerabilities and news.
• Scenario-Based Learning: Users are placed in "What would you do?" situations to test their instincts.
• Security Toolkit: Quick-access guides for enabling 2FA, choosing password managers, and identifying deepfakes.
• Achievement System: Earn badges as you master different levels of digital defense.

---

🛠️ Tech Stack

Category	Technology
Frontend	React.js (Vite)
Styling	Tailwind CSS / Framer Motion (for interactive UI)
Database/Auth	Firebase (Real-time Firestore & Google Auth)
Icons & Assets	Lucide React / Custom SVG Illustrations
Deployment	Vercel

---

📂 Architecture

cyber-awareness/
├── src/
│   ├── components/       # Quiz Engine, Simulator Cards, News Feed
│   ├── data/             # Educational content & Phishing templates
│   ├── hooks/            # User progress & score tracking
│   ├── views/            # Module selection, Leaderboard, Dashboard
│   └── utils/            # Logic for scoring and threat analysis
└── public/               # Security-themed assets