CyberDetective is an eerie, immersive web experience that educates users about real-world cybercrime threats through interactive detective cases. Built for awareness, action, and education, each case helps users identify scams, frauds, and recovery paths — one clue at a time.
Many people fall prey to cybercrimes simply because they don’t recognize early red flags.
CyberDetective gamifies this problem into bite-sized mysteries that simulate real attack scenarios (phishing, OTP fraud, identity theft, etc.), empowering users through story-based learning.
- Interactive Case Files — Click, solve, and uncover digital mysteries
- Typewriter Narrative — Realistic storytelling for each scenario
- Immersive UI — Blurred glassmorphism + eerie hacker vibe
- Background Music Toggle — Responsive, persistent ambient theme
- Clue-by-Clue System — Learn the signs of a scam through interactive clue panels
- Final Report Generation — Personalized reports & recovery tips after each case
| Frontend | Details |
|---|---|
| React.js | Core framework |
| CSS3 | Eerie aesthetic, glassmorphism |
| Vercel | Deployment |
- Clone the repo
git clone https://github.com/your-username/cyberdetective.git
cd cyberdetective- Install dependencies
npm install- Start the dev server
npm run dev- More realistic case files
- Voice narration for accessibility
- AI Assistant for live clue suggestions
- Backend tracking of user choices (for gamification or scoring)
Made by [Manasvi Bansal] — for 2025 Techinance Cyberhack Let’s fight cybercrime, one clue at a time 🕵️♀️