HackTrace is an interactive, browser-based game that simulates common hacking scenarios to teach users about cybersecurity threats in a fun and engaging way.
🛡️ Learn to think like a hacker — defend like a pro!
- 🧠 Realistic cyber-attack simulations (Phishing, Social Engineering, SQL Injection, etc.)
- 🎯 Points system and level progression
- 🔁 Infinite question loop for endless learning
- 📱 Fully responsive UI (mobile + desktop)
- ✨ Clean, dark-themed interface with custom styling
-
Clone this repository
git clone https://github.com/nitinyadav2188/HackTrace.git cd hacktrace -
Open in browser
Simply openindex.htmlin your preferred browser.
- Recognize common attack vectors in cybersecurity
- Learn secure decision-making under realistic pressure
- Encourage ethical hacking and reporting of vulnerabilities
The logic behind scoring is:
[ \text{score}_{n+1} = \text{score}n + \text{option.points} ] [ \text{level}{n+1} = \text{level}_n + 1 ]
The idea for HackTrace was sparked during a cybersecurity awareness session where I noticed how many people, even in tech, were unaware of how real-world hacking tactics like phishing, SQL injection, and social engineering actually work.
“What if there were a fun, interactive way to learn how hackers think — and how to defend against them?”
- 🛡️ Cybersecurity fundamentals
- 💻 Frontend development with HTML/CSS/JavaScript
- 🧩 Game logic design with scoring/levels
- 📱 Responsive design without frameworks
- Pure HTML + CSS + JavaScript
- Infinite questions with:
const question = questions[currentIndex % questions.length];
- Touch-friendly layout using CSS media queries
- Balancing point system and question variety
- Designing professional UI without Bootstrap/Tailwind
- Mobile layout tweaks using custom CSS
- Add advanced topics like MITM, ransomware
- Save high scores locally
- Add multiplayer mode or leaderboard
Made with 💻 + ❤️ by Nitin Yadav
Feel free to fork, improve, and share!
This project is licensed under the MIT License.