π A futuristic, interactive web interface for a cybersecurity learning platform β designed as a landing page prototype for a hackathon submission.
HackingFlix is a sci-fi-themed UI prototype tailored for a cybersecurity-focused LMS and CTF portal. It showcases a multi-section landing page featuring:
- βοΈ Capture The Flag challenges
- π§ͺ Interactive Cyber Labs
- π« Academy with beginner-to-advanced modules
- πΌ Job Portal
- π¬ Community
- π Checkout & Course Player Simulation
- π¨ 3D animated background with Three.js
- β‘ Neon-glitch aesthetic and glassmorphism effects
- β Purely frontend-based, no backend logic included
This project serves as a design-first showcase, built for hackathon evaluation or as a presentation layer for future integrations.
| Technology | Purpose |
|---|---|
| HTML5 | Structure & content |
| CSS3 | Styling & responsive layout |
| JavaScript (ES6) | UI interaction and transitions |
| Three.js | 3D canvas background & animation |
| GSAP | Smooth transitions & effects |
| Google Fonts | Typography (Avenir, Neuropol) |
π View Live on Netlify