Open Source Cybersecurity Learning Platform
Learn. Practice. Master Security.
TheCyberHub is an all-in-one cybersecurity education and community platform with:
- 100+ CTF Challenges — Web, Crypto, Forensics, Reverse Engineering, OSINT
- 22+ Security Tools — JWT Analyzer, Hash Cracker, Port Scanner, DNS Lookup, and more
- 8 Cheatsheet Categories — Linux, Networking, XSS, SQL Injection, Privilege Escalation
- Community Forums — Ask questions, share knowledge, vote on answers
- Social Feed — Posts, likes, comments, reshares, hashtags
- Job Board — Cybersecurity careers, internships, employer dashboard
- Mentorship Program — Connect with experienced professionals
- Events & CTF Competitions — Workshops, webinars, meetups with registration
- Learning Paths — Guided courses from beginner to expert
- Leaderboard — Global rankings, streak tracking, achievements
- Blog Platform — Write tutorials, share writeups
- Admin Dashboard — Full moderation, analytics, user management
| Layer | Tech |
|---|---|
| Framework | Next.js 15 (App Router), React 19, TypeScript 5.8 |
| Styling | Tailwind CSS, CSS Custom Properties (dark/light theming) |
| UI | Radix UI + shadcn/ui, Lucide icons |
| State | React Context + TanStack React Query |
| Auth | JWT tokens, Google/GitHub OAuth, 2FA (TOTP) |
| Real-time | Socket.IO for notifications |
| Testing | Vitest (unit), Playwright (E2E) |
| Infra | GitHub Actions CI/CD, Sentry error tracking |
git clone https://github.com/th3cyb3rhub/TheCyberHub.git
cd TheCyberHub
npm install
cp .env.example .env.local
# Edit .env.local with your API URL
npm run devThe frontend connects to the TheCyberHub API. Set NEXT_PUBLIC_API_URL in your .env.local to point to the API server.
TheCyberHub/
src/
app/ # 105+ page routes (App Router)
components/ # 88+ reusable components
hooks/ # Custom React hooks + React Query
lib/ # API client, constants, validations
context/ # Auth, Theme, Toast, Notifications
e2e/ # Playwright E2E tests
Copy the example file and you're ready to go — it points to the dev API by default:
cp .env.example .env.local# Dev API (default — no local backend needed)
NEXT_PUBLIC_API_URL=https://dev-api.thecyberhub.org
# Production API
# NEXT_PUBLIC_API_URL=https://api.thecyberhub.org
# Local backend (only if running thecyberhub-core locally)
# NEXT_PUBLIC_API_URL=http://localhost:5001The repository has been restructured. dev is now the default and only active branch. If you forked this repo previously, you need to re-sync your fork:
# Option 1: Re-sync (recommended — keeps your fork)
cd TheCyberHub
git remote add upstream https://github.com/th3cyb3rhub/TheCyberHub.git
git fetch upstream
git checkout dev
git reset --hard upstream/dev
git push origin dev --force# Option 2: Fresh fork (simplest if you have no local changes)
# Delete your old fork on GitHub, then fork again from
# https://github.com/th3cyb3rhub/TheCyberHubAfter syncing, all future git pull will work normally.
Contributions make the open source community amazing. Any contributions you make are truly appreciated.
- Fork the repository
- Clone your fork:
git clone https://github.com/YOUR_USERNAME/TheCyberHub.git - Add upstream:
git remote add upstream https://github.com/th3cyb3rhub/TheCyberHub.git - Create your branch from
dev:git checkout -b feature/amazing-feature - Make your changes and commit:
git commit -m 'feat: add amazing feature' - Push to your fork:
git push origin feature/amazing-feature - Open a Pull Request targeting
devbranch
git fetch upstream
git rebase upstream/dev
npm run build # Must pass with zero errors
npm run lint # Fix any lint warningsNew to open source? Check out first-contribution first.
npm run dev # Dev server (Turbopack)
npm run build # Production build
npm run lint # ESLint
npm test # Vitest unit tests
npm run test:e2e # Playwright E2ETheCyberHub is licensed under the MIT License - see the LICENSE file for details.
If you find this project useful, give it a star! It helps us grow the community.
