Interactive learning platform for tech roles and programming languages.
- 11 role roadmaps (AI Engineer, Backend Developer, Data Engineer, DevOps, Frontend Developer, Full-Stack Developer, ML Engineer, Mobile Developer, QA Engineer, Security Engineer, Solution Architect)
- 5 language paths (HTML/CSS, JavaScript, Python, SQL, and more)
- Quizzes with instant feedback
- Interactive labs and hands-on exercises
- Code sandboxes powered by Monaco Editor
- Skill diagrams and visual roadmaps
# Clone the repository
git clone https://github.com/Yakoub-ai/techhubb.se.git
cd techhubb.se
# Install dependencies
npm install
# Configure environment
cp .env.example .env
# Edit .env and add your Supabase credentials
# Start development server
npm run dev- Connect your GitHub repository to Vercel
- In the Vercel project dashboard, go to Settings → Environment Variables and add:
VITE_SUPABASE_URL— your Supabase project URLVITE_SUPABASE_ANON_KEY— your Supabase anon/public keyVITE_APP_URL— your deployed URL (e.g.https://techhubb.se)
- Deploy — Vercel will automatically build and deploy on every push to
main
The vercel.json in this repo configures SPA rewrites (all routes → index.html) and security headers including CSP, HSTS, X-Frame-Options, and immutable asset caching.
| Variable | Description |
|---|---|
VITE_SUPABASE_URL |
Supabase project URL (e.g. https://xyz.supabase.co) |
VITE_SUPABASE_ANON_KEY |
Supabase anon/public API key |
VITE_APP_URL |
Deployed app URL (e.g. https://techhubb.se) |
Copy .env.example to .env for local development.
- React 19 — UI framework
- Vite 8 — Build tool and dev server
- Tailwind CSS v4 — Utility-first styling
- Supabase — Backend-as-a-service (auth, database)
- Vercel — Deployment platform
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm run preview |
Preview production build |
npm test |
Run tests |
npm run test:watch |
Run tests in watch mode |
MIT License — Copyright (c) 2026 Yakoub-ai. See LICENSE for details.