Learn Cybersecurity From Scratch — On Your Phone, Offline
CyberSec Hub is a self-contained cybersecurity learning platform packaged as a native Android app. It delivers a complete cybersecurity course with 25 in-depth sections — covering everything from the CIA Triad and Linux fundamentals to exploitation, malware analysis, digital forensics, red/blue teaming, and career guidance — all running 100% offline on your phone. No server, no internet required after install. Just open the app and start learning.
Built as a single-page vanilla HTML/CSS/JS web application wrapped in an Android Java WebView shell, CyberSec Hub is designed to be lightweight, fast, and accessible to anyone with an Android device. Whether you're a complete beginner or an intermediate learner, the structured curriculum, interactive quizzes, and built-in sandbox terminal give you a hands-on cybersecurity lab that fits in your pocket.
🌐 Live website (web view): cybersec-hub-website.netlify.app — updated automatically on every push to this repo.
| Platform | Format | Link |
|---|---|---|
| Android | APK | Download v4.0.0 |
| Windows | Portable EXE | Download v4.0.0 |
| Windows | Installer (NSIS) | Download v4.0.0 |
| Linux | AppImage | Download v4.0.0 |
| Linux | DEB | Download v4.0.0 |
Android: Requires Android 5.0+ (Lollipop). Install the APK directly. Windows 11/10: Download the portable archive, extract it, and run
CyberSec Hub.exe. No installation needed. Linux: Run the.AppImage(any distro) or install the.deb(Debian/Ubuntu).
The app features a dark hacker-themed UI with green, cyan, and purple accents:
- Home Screen — Matrix rain animation, boot terminal, course stats, and quick-start guide
- Course Sections — 25 topics with subtopics, code blocks, collapsible details, and inline quizzes
- Sandbox Terminal — Floating, draggable, resizable terminal with 20+ simulated commands
- Progress Tracking — Ring progress, streak counter, per-section completion, and cloud sync
- Navigation — Sidebar, bottom nav bar, breadcrumbs, global search, and keyboard shortcuts
- 25 cybersecurity sections covering:
- Foundations, Linux, Termux, Networking
- Reconnaissance & OSINT, Scanning & Enumeration
- Ethical Hacking, Exploitation, Post-Exploitation
- Privilege Escalation, Bug Bounty, Essential Tools
- Web Application Security, Operating System Security
- Malware Analysis, Digital Forensics, Cryptography
- Wireless Security, Cloud Security, Mobile Security
- Red Teaming, Blue Teaming, Home Lab Setup
- Career Guidance, Legal & Ethics
- Interactive quizzes with instant feedback, explanations, and streak tracking
- 234 code blocks with one-tap copy buttons
- 173 collapsible sections for organized content delivery
- Embedded YouTube video thumbnails for supplementary learning
- Terminal-style code boxes with traffic-light dots
- Floating, draggable, resizable — works anywhere in the app
- 20+ built-in commands:
help,ls,cat,whoami,nmap,ping,curl,ifconfig,netstat,ps,netstat,hash,base64,sudo,tree,score, and more - Keyboard-aware — stays visible above the Android keyboard
- Maximize mode for full-screen terminal
- Command history with arrow key navigation and tab completion
- Per-section completion checkboxes
- SVG progress ring with percentage display
- Quiz streak counter with fire animation
- localStorage persistence — progress survives app restarts
- Shareable sync links — QR code + URL for cross-device backup/restore
- Export/Import JSON data for full data portability
- Sidebar with collapsible chapter groups
- Top bar with back/forward history navigation
- Bottom navigation bar (Home, Topics, Labs, Progress) with active glow indicator
- Breadcrumb trail
- Global search (
Ctrl+K) - Keyboard shortcuts modal (
?) - Dark hacker theme with Matrix rain canvas animation
- Boot-up typewriter animation on launch
- Confetti on correct quiz answers
- Toast notifications
- Card parallax tilt on hover
- Scroll-triggered content reveal animations
- Ripple effects on buttons
- Responsive design (phone, tablet, desktop, landscape)
| Layer | Technology |
|---|---|
| Frontend | Vanilla HTML/CSS/JS (no frameworks) |
| Styling | CSS custom properties, 40+ keyframe animations, flexbox/grid |
| Android Shell | Java WebView (API 21+) with JavaScript bridge |
| Desktop Shell | Electron (Windows EXE, macOS DMG, Linux AppImage/deb) |
| Splash Screen | Custom animated Canvas rendering |
| Build (Android) | Shell script using aapt, javac, d8, zipalign, apksigner |
| Build (Desktop) | electron-builder (NSIS, DMG, AppImage) |
| Storage | localStorage (client-side) |
| Sync | Base64-encoded shareable URLs with QR codes |
| PWA | Service worker for offline web caching |
cybersec-hub/
├── shell_top.html # CSS + HTML header/nav/terminal markup
├── sections.html # All 25 course sections (content)
├── shell_bot.html # All JavaScript (nav, quizzes, terminal, sync)
├── index.html # Combined output (shell_top + sections + shell_bot)
├── server.js # Local Node.js dev server
├── start.sh # Auto-restart server script
├── build-apk.sh # Android APK build script
├── build-electron.sh # Windows/macOS/Linux Electron build script
├── package.json # Electron + electron-builder config
├── manifest.json # PWA manifest
├── sw.js # Service worker
├── icon-192.svg # App icon (192x192)
├── icon-512.svg # App icon (512x512)
├── electron/
│ ├── main.js # Electron main process
│ ├── preload.js # Preload script (context bridge)
│ ├── generate-icon.js # Icon generator (pure Node.js)
│ └── icon.png # Generated app icon (256x256)
└── android/
├── AndroidManifest.xml
├── CyberSecHub.apk # Built APK
├── src/com/cybersec/hub/
│ ├── MainActivity.java # WebView wrapper + AndroidBridge
│ └── SplashActivity.java # Animated splash screen
├── res/
│ ├── drawable/ # Adaptive icon
│ └── mipmap-*/ # Launcher icons (all densities)
├── assets/
│ ├── index.html # Copied from root
│ ├── boot.wav # Boot sound effect
│ ├── fonts/ # JetBrains Mono + Inter
│ ├── manifest.json # PWA manifest
│ ├── sw.js # Service worker
│ └── icon-*.svg # Icons
└── toolz/android.jar # Android SDK stub for compilation
- Linux or Termux environment
- Android build tools:
aapt,javac,d8,zipalign,apksigner
# 1. Concatenate source files into index.html
cat shell_top.html sections.html shell_bot.html > index.html
# 2. Copy to Android assets
cp index.html android/assets/
# 3. Build the APK
bash build-apk.shOutput: android/CyberSecHub.apk
# Copy to shared storage
cp android/CyberSecHub.apk ~/storage/shared/
# Open with package installer
termux-open ~/storage/shared/CyberSecHub.apkThe same web app can be packaged as a native desktop application for Windows (EXE installer), macOS (DMG), and Linux (AppImage/deb).
- Node.js 18+
- npm (ships with Node.js)
# 1. Generate index.html from sources
cat shell_top.html sections.html shell_bot.html > index.html
# 2. Install dependencies and build
bash build-electron.shOr step by step:
cat shell_top.html sections.html shell_bot.html > index.html
npm install
npx electron-builder --win # Windows EXE
npx electron-builder --linux # Linux AppImage/deb
npx electron-builder --mac # macOS DMGOutput: release/ directory containing the installer(s).
cat shell_top.html sections.html shell_bot.html > index.html
npm start| Shortcut | Action |
|---|---|
Ctrl+K |
Open search |
Ctrl+`` |
Toggle terminal |
? |
Show shortcuts modal |
Esc |
Close active panel |
Alt+Left |
Navigate back |
Alt+Right |
Navigate forward |
- 200 quiz questions (8 per section) with explanations and streak tracking
- 25 quick-reference (cheat sheet) tables, one per section
- Searchable security glossary with 90+ terms
- Keyboard shortcuts: Ctrl+G glossary, Ctrl+1-9 quick navigation, Ctrl+K search, Ctrl+` terminal
- New terminal commands:
glossary <term>andcheatsheet <section> - Home screen Quick Reference block
- Full course restructure with subtopics, embedded videos, and notes
- Boot sound effect and splash screen improvements
- Video panel with YouTube integration
- Floating terminal with drag, resize, minimize, and keyboard awareness
- Online status indicator
- Cloudflare tunnel support for remote access
- Initial release with 25 cybersecurity sections
- Floating draggable/resizable terminal
- Quiz system with streak tracking
- Progress sync via shareable URLs
- Bottom navigation with active glow states
Educational use only. Built with Termux on Android.
Made with passion for cybersecurity education