A beginner-friendly Capture The Flag (CTF) platform featuring 6 web-based challenges designed to teach basic cybersecurity concepts.
- 6 Progressive Web Challenges
- Persistent Challenge Completion
- Interactive UI with Modern Animations
- Beginner-Friendly Hint System
- Code Detective: Dive into webpage source code to uncover hidden secrets
- Console Master: Master the art of browser developer tools
- Cookie Monster: Navigate and manipulate browser cookies
- GeoHunter: Analyze images to discover hidden locations
- StegoCrypt: Uncover secrets hidden within image pixels
- Decoder Ring: Transform encoded messages to reveal flags
- HTML5
- CSS3 (Tailwind CSS)
- JavaScript (Vanilla)
- Local Storage for Progress Tracking
- Modern CSS Animations
- Responsive Design Principles
ncf-ctf/
├── index.html # Main entry point
├── css/
│ └── style.css # Custom styles
├── js/
│ ├── main.js # Core functionality
│ └── challenge*.js # Challenge-specific scripts
└── challenges/
├── challenge1.html
├── challenge2.html
└── ...
Each challenge has a unique flag format: NCF{flag_text_here}
Example:
NCF{1nsp3ct_3l3m3nt_pr0}- Understanding HTML source code inspection
- Mastering browser developer tools
- Learning about web cookies and storage
- Introduction to image analysis
- Basic steganography concepts
- Understanding Base64 encoding
This project is licensed under the MIT License - see the LICENSE file for details.
Made with 💚 for cybersecurity education