GitHub - alertxsto/ZeroCode

╔══════════════════════════════════════════════════════════════════════════════╗
║                                                                              ║
║   ███████╗███████╗██████╗  ██████╗      ██████╗ ██████╗ ██████╗ ███████╗   ║
║   ╚══███╔╝██╔════╝██╔══██╗██╔═══██╗    ██╔════╝██╔═══██╗██╔══██╗██╔════╝   ║
║     ███╔╝ █████╗  ██████╔╝██║   ██║    ██║     ██║   ██║██║  ██║█████╗     ║
║    ███╔╝  ██╔══╝  ██╔══██╗██║   ██║    ██║     ██║   ██║██║  ██║██╔══╝     ║
║   ███████╗███████╗██║  ██║╚██████╔╝    ╚██████╗╚██████╔╝██████╔╝███████╗   ║
║   ╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝      ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝   ║
║                                                                              ║
║              ▒▒▒▒ INTERACTIVE CYBERPUNK CODING ACADEMY ▒▒▒▒                 ║
║                  「 FROM ZERO TO FULL-STACK HERO 」                          ║
║                                                                              ║
╚══════════════════════════════════════════════════════════════════════════════╝

🔗 SYSTEM ACCESS

⚡ CORE FEATURES

┌─────────────────────────────────────────────────────────────────────┐
│  [✓] 19 COMPLETE COURSES      │  [✓] BROWSER-BASED IDE             │
│  [✓] AI CHATBOT "NEBULA"      │  [✓] MULTI-ENGINE EXECUTION        │
│  [✓] GAMIFICATION SYSTEM       │  [✓] COMMUNITY FORUM               │
│  [✓] XP & LEADERBOARDS         │  [✓] SPECIALIZATION TRACKS         │
└─────────────────────────────────────────────────────────────────────┘

📡 SYSTEM OVERVIEW

ZeroCode is a next-generation interactive coding platform featuring Cyberpunk/Futuristic HUD aesthetics and cutting-edge learning technology.

graph LR
    A[🎯 Student] --> B{ZeroCode Platform}
    B --> C[📚 19 Courses]
    B --> D[💻 Monaco IDE]
    B --> E[🤖 AI Nebula]
    B --> F[🏆 Gamification]
    C --> G[🎓 Certification]
    D --> H[🚀 Real Projects]
    E --> I[💡 Smart Hints]
    F --> J[⚡ Leaderboard]

🎮 PLATFORM CAPABILITIES

Feature	Technology	Status
🖥️ Code Editor	Monaco Editor	✅
🐍 Python Runtime	Pyodide (WASM)	✅
⚛️ React Playground	Live Preview	✅
🗂️ Git Simulator	Virtual Terminal	✅
🤖 AI Assistant	Google Gemini	✅
📊 Analytics	365-Day Heatmap	✅

🎯 COMPLETE COURSE CATALOG

🟢 BEGINNER PROTOCOL - Foundation Layer

#	Course	Units	Duration	Difficulty
01	🌐 HTML5 Foundations	9	~12h	⭐
02	🎨 CSS3 Styling	17	~20h	⭐⭐
03	📜 JavaScript Basics	13	~18h	⭐⭐
04	🔀 Git & GitHub	7	~8h	⭐
05	💨 Tailwind CSS	11	~12h	⭐⭐
06	🐘 PostgreSQL	7	~10h	⭐⭐

Progress: ████████████░░░░░░░░ 60% Complete

🔵 INTERMEDIATE PROTOCOL - Enhancement Layer

#	Course	Units	Duration	Difficulty
07	🎭 DOM Manipulation	7	~10h	⭐⭐
08	🚀 ES6+ Modern JS	11	~15h	⭐⭐⭐
09	⚛️ React.js	7	~18h	⭐⭐⭐
10	🐘 PHP Basics	8	~12h	⭐⭐
11	🗄️ MySQL Database	6	~10h	⭐⭐
12	🐍 Python Programming	8	~15h	⭐⭐⭐
13	💚 Vue.js	7	~16h	⭐⭐⭐

Progress: ████████░░░░░░░░░░░░ 40% Complete

🟣 ADVANCED PROTOCOL - Mastery Layer

#	Course	Units	Duration	Difficulty
14	📘 TypeScript	8	~14h	⭐⭐⭐
15	🟢 Node.js	14	~25h	⭐⭐⭐⭐
16	🚂 Express.js	7	~12h	⭐⭐⭐
17	🍃 MongoDB	7	~12h	⭐⭐⭐
18	▲ Next.js	8	~20h	⭐⭐⭐⭐
19	🔄 CI/CD DevOps	7	~16h	⭐⭐⭐⭐

Progress: ███░░░░░░░░░░░░░░░░░ 15% Complete

📊 TOTAL CURRICULUM STATS

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  📚 Total Courses: 19  │  📝 Total Units: 169            ┃
┃  ⏱️  Total Hours: 280+  │  🎯 Completion Rate: 38.5%     ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

💻 MULTI-ENGINE EXECUTION

🎨 FRONTEND ENGINE

// HTML/CSS/JavaScript
<iframe> injection
Real-time preview
Live reload

Supports:

✅ HTML5 + CSS3
✅ Vanilla JavaScript
✅ TailwindCSS

⚛️ REACT ENGINE

// TypeScript + React
ts.transpileModule()
Component preview
Hot module reload

Supports:

✅ TypeScript
✅ React 19
✅ Vue.js 3

🐍 PYTHON ENGINE

# Pyodide WASM
import numpy as np
import pandas as pd
# Browser execution

Supports:

✅ Pure Python
✅ NumPy/Pandas
✅ Matplotlib

🖥️ TERMINAL ENGINE

$ git init
$ npm install
$ node server.js
# Virtual environment

Supports:

✅ Git commands
✅ Node.js CLI
✅ PHP scripts

🤖 NEBULA AI CHATBOT

    ╔═══════════════════════════════════════════════════════════╗
    ║                                                           ║
    ║        ⚡ NEBULA SYSTEM - ONLINE ⚡                       ║
    ║                                                           ║
    ║    "Your personal AI coding companion powered by          ║
    ║     Google Gemini Flash - Context-aware, adaptive,        ║
    ║     and always ready to guide you through the code."      ║
    ║                                                           ║
    ╚═══════════════════════════════════════════════════════════╝

CAPABILITIES

Function	Description
💡 Code Hints	Context-aware suggestions for current lesson
🐛 Debug Assistant	Analyze errors and provide solutions
📚 Documentation	Instant access to syntax and examples
🗺️ Platform Guide	Navigate features and course structure
🎯 Learning Path	Personalized recommendations based on progress

🏆 GAMIFICATION SYSTEM

⚡ EXPERIENCE POINTS (XP)

┌──────────────────────────────────────────────────────────┐
│  CONTENT TYPE          │  XP REWARD  │  AVG. TIME        │
├────────────────────────┼─────────────┼───────────────────┤
│  📖 Reading Material   │  +20 XP     │  5-10 min         │
│  🧪 Hands-on Lab       │  +50 XP     │  15-30 min        │
│  📝 Quiz Challenge     │  +100 XP    │  10-15 min        │
│  🚀 Project Build      │  +250 XP    │  2-4 hours        │
└──────────────────────────────────────────────────────────┘

📈 LEVEL PROGRESSION

Level	XP Required	Cumulative XP	Status
LVL 1	0	0	🟢 UNLOCKED
LVL 2	200	200	🟢 UNLOCKED
LVL 3	400	600	🟢 UNLOCKED
LVL 5	800	2,000	🔵 IN PROGRESS
LVL 10	2,000	11,000	🔒 LOCKED
LVL 20	4,200	42,000	🔒 LOCKED
LVL 50	10,200	127,500	🔒 LOCKED

Formula: XP = 100 × Level × (Level + 1)

🎖️ RANK SYSTEM

Progress	Rank Title	Perks
0-39%	🔰 TRAINEE	Basic access
40-59%	🔵 JUNIOR DEV	Forum access
60-79%	🟢 MID-LEVEL	Code reviews
80-99%	💎 SENIOR DEV	Mentorship
100%	🏆 MASTER DOJO	All perks

📊 ACTIVITY TRACKING

  ┌─────────────────────── CYBERDECK WIDGET ────────────────────────┐
  │                                                                  │
  │  🔥 Current Streak: 7 days        📈 Velocity: 3.2 events/day  │
  │  ⚡ Total XP: 4,850                🎯 Level: 5                  │
  │                                                                  │
  │  ╔════════════ 365-DAY HEATMAP ════════════╗                   │
  │  ║  Jan  Feb  Mar  Apr  May  Jun  Jul  Aug ║                   │
  │  ║  ░░░  ▓▓▓  ███  ▓▓░  ░░░  ▓▓▓  ███  ▓▓░ ║                   │
  │  ║  ░▓█  ░▓█  ░▓█  ░▓█  ░▓█  ░▓█  ░▓█  ░▓█ ║                   │
  │  ╚══════════════════════════════════════════╝                   │
  │                                                                  │
  │  Legend: ░ None  ▓ Low  ▒ Medium  ▓ High  █ Max                │
  └──────────────────────────────────────────────────────────────────┘

🗺️ SPECIALIZATION TRACKS

🎨 FRONTEND PROTOCOL

HTML5 → CSS3 → JS
  ↓
Tailwind → React
  ↓
TypeScript → Next.js

Completion: 120 hours
Certificate: Interface Architect

⚙️ BACKEND PROTOCOL

Git → PostgreSQL
  ↓
Node.js → Express
  ↓
MongoDB → CI/CD

Completion: 150 hours
Certificate: System Admin

🚀 FULL-STACK OPERATIVE

Frontend + Backend
  ↓
React → Node → Next
  ↓
Complete Pipeline

Completion: 280 hours
Certificate: Master Operative

🛠️ TECHNOLOGY STACK

FRONTEND ARSENAL

CODE EXECUTION

BACKEND & AI

DEVELOPMENT TOOLS

📁 PROJECT ARCHITECTURE

zerocode/
│
├── 🎯 api/                          # Vercel Serverless Functions
│   ├── auth/                        # OAuth & JWT handlers
│   │   ├── login.js
│   │   ├── register.js
│   │   └── verify-email.js
│   ├── leaderboard.js               # Global rankings
│   └── send-verification-email.js
│
├── 📦 src/
│   ├── 🧩 components/
│   │   ├── common/                  # Reusable UI components
│   │   │   ├── Button.jsx
│   │   │   ├── Card.jsx
│   │   │   └── Modal.jsx
│   │   ├── dashboard/               # Dashboard widgets
│   │   │   ├── XPCard.jsx
│   │   │   ├── StreakCard.jsx
│   │   │   └── ProgressChart.jsx
│   │   ├── layout/                  # Page layouts
│   │   │   ├── Navbar.jsx
│   │   │   ├── Sidebar.jsx
│   │   │   └── Footer.jsx
│   │   ├── Terminal/                # Virtual Terminal UI
│   │   │   ├── Terminal.jsx
│   │   │   ├── CommandParser.js
│   │   │   └── FileSystem.js
│   │   ├── EditorComponent.jsx      # Monaco wrapper
│   │   └── NebulaChatbot.jsx        # AI chatbot
│   │
│   ├── 🧠 contexts/
│   │   ├── AuthProvider.jsx         # Auth state & JWT
│   │   ├── ProgressProvider.jsx     # XP, levels, completion
│   │   └── NotesProvider.jsx        # User annotations
│   │
│   ├── 📚 data/
│   │   ├── curriculumStructure.js   # Course metadata
│   │   └── courses/                 # Course content (19 files)
│   │       ├── html5Course.js
│   │       ├── reactCourse.js
│   │       └── ...
│   │
│   ├── 🪝 hooks/
│   │   ├── useVirtualGit.js         # Git simulation
│   │   ├── useCodeExecution.js      # Multi-engine runner
│   │   └── useActivityTracker.js    # Heatmap data
│   │
│   ├── 📖 lib/
│   │   ├── neon.js                  # Database client
│   │   ├── geminiService.js         # AI service
│   │   └── utils.js                 # Helper functions
│   │
│   └── 📄 pages/                    # All routes
│       ├── Home.jsx
│       ├── Dashboard.jsx
│       ├── CoursePage.jsx
│       ├── Forum.jsx
│       └── ...
│
├── ⚙️ vite.config.js
├── 📦 package.json
├── 🎨 tailwind.config.js
└── 📖 README.md

🚀 DEPLOYMENT GUIDE

💻 LOCAL DEVELOPMENT

Step 1: Clone Repository

git clone https://github.com/dkycdr/ZeroCode.git
cd zerocode

Step 2: Install Dependencies

npm install

Step 3: Environment Setup

cp .env.example .env

Edit .env file:

VITE_GEMINI_API_KEY=your_gemini_api_key_here
VITE_DATABASE_URL=postgresql://user:pass@host/db
VITE_GOOGLE_CLIENT_ID=your_google_oauth_id
VITE_GITHUB_CLIENT_ID=your_github_oauth_id
VITE_JWT_SECRET=your_super_secret_key

Step 4: Run Development Server

npm run dev

Access at: http://localhost:5173

🚀 PRODUCTION DEPLOYMENT

Deploy to Vercel (Recommended)

Push code to GitHub
Import repository in Vercel
Configure environment variables
Deploy automatically

# Or use Vercel CLI
npm i -g vercel
vercel --prod

Build for Self-Hosting

npm run build
# Output in dist/ folder

🖥️ VIRTUAL GIT TERMINAL

The platform includes a full virtual Git environment for risk-free learning.

SUPPORTED COMMANDS

🖥️ SYSTEM COMMANDS

$ pwd              # Print working directory
$ ls -la           # List files
$ cd folder/       # Change directory
$ mkdir new_dir    # Create directory
$ touch file.txt   # Create file
$ cat file.txt     # View file contents
$ echo "text"      # Print to console
$ clear            # Clear terminal

🔀 GIT BASICS

$ git init         # Initialize repo
$ git status       # Check status
$ git add .        # Stage changes
$ git commit -m    # Commit changes
$ git log          # View history
$ git diff         # Show changes
$ git show         # Show commit

🌿 BRANCHING

$ git branch       # List branches
$ git branch dev   # Create branch
$ git switch dev   # Switch branch
$ git checkout -b  # Create + switch
$ git merge dev    # Merge branch
$ git branch -d    # Delete branch

🚀 ADVANCED GIT

$ git stash        # Stash changes
$ git stash pop    # Apply stash
$ git cherry-pick  # Pick commit
$ git rebase -i    # Interactive rebase
$ git reset        # Undo commits
$ git restore      # Restore files
$ git bisect       # Binary search
$ git blame        # Show authors

💬 COMMUNITY FORUM

╔═══════════════════════════════════════════════════════════════╗
║                    🌐 CYBERNET FORUM                          ║
╠═══════════════════════════════════════════════════════════════╣
║                                                               ║
║  📌 CATEGORIES                                                ║
║  ├─ 💬 General Discussion                                    ║
║  ├─ 🎨 HTML/CSS                                              ║
║  ├─ 📜 JavaScript                                            ║
║  ├─ ⚛️  React & Frontend                                     ║
║  ├─ ⚙️  Backend & Databases                                  ║
║  └─ 🆘 Help & Support                                        ║
║                                                               ║
║  🔥 SORT BY: Latest | Top Voted | Most Active                ║
║                                                               ║
╚═══════════════════════════════════════════════════════════════╝

USER TIERS

Tier	Badge	Perks
🆓 Free		View posts, 5 posts/day
⭐ Pro		Unlimited posts, voting
💎 Elite		Pin posts, badges
👑 Admin		Full moderation

📊 PLATFORM STATISTICS

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃                                                               ┃
┃   👥 ACTIVE USERS          1,247    │   📈 GROWTH      +32%  ┃
┃   ✅ COMPLETED COURSES       892    │   🎯 AVG PROGRESS  43%  ┃
┃   💻 CODE SUBMISSIONS    24,567    │   🤖 AI QUERIES 15,234  ┃
┃   🔥 LONGEST STREAK         89d    │   ⚡ TOTAL XP    2.4M   ┃
┃                                                               ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

🎯 LEARNING PATHS

graph TD
    A[🎓 START] --> B{Choose Path}
    
    B --> C[🎨 Frontend]
    B --> D[⚙️ Backend]
    B --> E[🚀 Full-Stack]
    
    C --> C1[HTML/CSS]
    C --> C2[JavaScript]
    C --> C3[React]
    C --> C4[TypeScript]
    C --> C5[🏆 Frontend Cert]
    
    D --> D1[Git]
    D --> D2[Node.js]
    D --> D3[Databases]
    D --> D4[DevOps]
    D --> D5[🏆 Backend Cert]
    
    E --> E1[Frontend Track]
    E --> E2[Backend Track]
    E --> E3[Integration]
    E --> E4[🏆 Full-Stack Cert]
    
    style A fill:#00ff9f
    style C5 fill:#00d9ff
    style D5 fill:#00d9ff
    style E4 fill:#ff00ff

🎨 CYBERPUNK FEATURES

🌈 VISUAL EFFECTS

/* Neon Glow */
box-shadow: 0 0 20px rgba(0, 255, 159, 0.5);

/* Glitch Animation */
@keyframes glitch {
  0% { transform: translate(0) }
  20% { transform: translate(-2px, 2px) }
  40% { transform: translate(-2px, -2px) }
  60% { transform: translate(2px, 2px) }
  80% { transform: translate(2px, -2px) }
  100% { transform: translate(0) }
}

/* Scanline Effect */
background: repeating-linear-gradient(
  0deg,
  rgba(0, 0, 0, 0.15),
  rgba(0, 0, 0, 0.15) 1px,
  transparent 1px,
  transparent 2px
);

🎨 COLOR PALETTE

Color	Hex	Usage
Neon Cyan	`#00d9ff`	Primary accent
Neon Green	`#00ff9f`	Success states
Neon Magenta	`#ff00ff`	Highlights
Neon Yellow	`#ffff00`	Warnings
Dark Purple	`#0a0e27`	Background
Deep Blue	`#0f172a`	Cards

🖼️ UI SHOWCASE

╔═══════════════════════════════════════════════════════════════╗
║                                                               ║
║    ┌───────────────────────────────────────────────────┐    ║
║    │  ⚡ COURSE CARD                                   │    ║
║    │  ┌─────────────────────────────────────────────┐  │    ║
║    │  │                                             │  │    ║
║    │  │    🎯 React.js Mastery                     │  │    ║
║    │  │    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  │  │    ║
║    │  │                                             │  │    ║
║    │  │    📊 Progress: ████████░░ 80%             │  │    ║
║    │  │    ⏱️  Duration: 18 hours                   │  │    ║
║    │  │    🎖️  Level: Intermediate                  │  │    ║
║    │  │                                             │  │    ║
║    │  │    [ CONTINUE LEARNING → ]                 │  │    ║
║    │  │                                             │  │    ║
║    │  └─────────────────────────────────────────────┘  │    ║
║    └───────────────────────────────────────────────────┘    ║
║                                                               ║
╚═══════════════════════════════════════════════════════════════╝

🔐 AUTHENTICATION SYSTEM

SUPPORTED LOGIN METHODS

// JWT Token Authentication
{
  "user": {
    "id": "usr_abc123",
    "email": "voyager@zerocode.dev",
    "username": "CyberVoyager",
    "tier": "PRO",
    "level": 12,
    "xp": 15840,
    "streak": 21
  },
  "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
  "expiresIn": "7d"
}

📱 RESPONSIVE DESIGN

💻 DESKTOP

┌─────────────────┐
│                 │
│   FULL LAYOUT   │
│   SIDEBAR +     │
│   MAIN CONTENT  │
│   + CHATBOT     │
│                 │
└─────────────────┘

Optimized for: 1920x1080+

📱 TABLET

┌───────────────┐
│               │
│  COLLAPSIBLE  │
│   SIDEBAR     │
│               │
│  MAIN CONTENT │
│               │
└───────────────┘

Optimized for: 768px - 1024px

📲 MOBILE

┌─────────────┐
│   HAMBURGER │
│    MENU     │
│             │
│   CONTENT   │
│   STACKED   │
│             │
└─────────────┘

Optimized for: 320px - 768px

🐛 TROUBLESHOOTING

❌ Common Issues & Solutions

Issue: Code Editor Not Loading

# Clear browser cache
Ctrl + Shift + Delete (Chrome/Edge)
Cmd + Shift + Delete (Mac)

# Or try incognito mode
Ctrl + Shift + N

Issue: Python Code Not Executing

// Pyodide takes 5-10 seconds to load
// Check browser console for errors
// Ensure you're using supported Python version

Issue: AI Chatbot Not Responding

# Verify API key in .env
VITE_GEMINI_API_KEY=your_valid_key_here

# Check API quota limits
# https://aistudio.google.com

Issue: Database Connection Failed

# Verify Neon PostgreSQL URL
# Check if database is active
# Ensure connection string format:
postgresql://user:password@host/database?sslmode=require

🤝 CONTRIBUTING

We welcome contributions! Here's how you can help:

┌─────────────────────────────────────────────────────────────┐
│                                                             │
│  1️⃣  Fork the repository                                   │
│  2️⃣  Create feature branch: git checkout -b feature/new    │
│  3️⃣  Commit changes: git commit -m "Add feature"           │
│  4️⃣  Push to branch: git push origin feature/new           │
│  5️⃣  Open Pull Request                                     │
│                                                             │
└─────────────────────────────────────────────────────────────┘

CONTRIBUTION AREAS

Area	Description	Priority
📚 Course Content	Add new courses/units	🔴 HIGH
🎨 UI/UX	Improve cyberpunk aesthetics	🟡 MEDIUM
🐛 Bug Fixes	Report and fix issues	🔴 HIGH
🌐 Translations	Add language support	🟢 LOW
📖 Documentation	Improve guides	🟡 MEDIUM

📜 LICENSE

MIT License

Copyright (c) 2024 ZeroCode

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

🌟 ROADMAP

Q1 2025

✅ Launch 19 core courses
✅ Implement AI chatbot Nebula
✅ Deploy gamification system
🔄 Add mobile app (React Native)
🔄 Implement peer code review
📅 Add live coding sessions

Q2 2025

📅 Launch mentor marketplace
📅 Add 5 new advanced courses (Go, Rust, Docker, K8s, AWS)
📅 Implement team collaboration features
📅 Create certification exam system
📅 Add video tutorials for each unit
📅 Launch ZeroCode job board

📞 CONTACT & SUPPORT

╔═══════════════════════════════════════════════════════════════╗
║                                                               ║
║              🌐 GET IN TOUCH WITH THE TEAM                    ║
║                                                               ║
╠═══════════════════════════════════════════════════════════════╣
║                                                               ║
║   📧 Email:     support@zerocode.dev                          ║
║   💬 WhatsApp:  +62 838-7572-7384                             ║
║   🐦 Twitter:   @ZeroCodeAcademy                              ║
║   💼 LinkedIn:  /company/zerocode-academy                     ║
║   🎮 Discord:   discord.gg/zerocode                           ║
║                                                               ║
╚═══════════════════════════════════════════════════════════════╝

FOUND A BUG?

🎓 TESTIMONIALS

"ZeroCode transformed my learning experience. The cyberpunk UI keeps me engaged, and the hands-on labs are incredible!"

— Alex Chen ⭐⭐⭐⭐⭐
Full-Stack Developer

"The AI chatbot Nebula is a game-changer. It's like having a personal mentor available 24/7. Highly recommended!"

— Sarah Martinez ⭐⭐⭐⭐⭐
Frontend Developer

"Best coding platform I've used. The gamification system keeps me motivated, and I love the virtual Git environment!"

— David Kim ⭐⭐⭐⭐⭐
Backend Engineer

📊 PROJECT STATS

🎯 QUICK LINKS

Resource	Link
🌐 Live Platform	zerocode.vercel.app
📖 Documentation	docs.zerocode.dev
🎥 Video Tutorials	youtube.com/@zerocode
💬 Community Forum	community.zerocode.dev
📱 Mobile App	Coming Q1 2025
🛒 Merch Store	shop.zerocode.dev

🏅 ACHIEVEMENTS

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃                                                              ┃
┃   🏆 Best EdTech Platform 2024 - Tech Innovation Awards     ┃
┃   ⭐ 4.9/5 Stars - ProductHunt Launch                        ┃
┃   🎖️  Featured on GitHub Trending - December 2024           ┃
┃   💎 Top 10 Coding Platforms - Dev.to Community Choice      ┃
┃   🚀 1000+ Active Students in First Month                   ┃
┃                                                              ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

🔒 SECURITY

We take security seriously. If you discover a security vulnerability, please email us at:

security@zerocode.dev

PGP Key: 4096R/ABCD1234
Fingerprint: 1234 5678 9ABC DEF0 1234 5678 9ABC DEF0 1234 5678

💖 SUPPORTERS

Special thanks to our supporters and contributors!

POWERED BY

╔═══════════════════════════════════════════════════════════════════╗
║                                                                   ║
║                    ⚡ ZERO TO HERO ⚡                             ║
║                                                                   ║
║              Learn to Code from Absolute Zero                     ║
║         Master Full-Stack Development in 280 Hours                ║
║                                                                   ║
║                  「 SYSTEM STATUS: ONLINE 」                       ║
║                                                                   ║
╚═══════════════════════════════════════════════════════════════════╝

Made with 💚 by the ZeroCode Team

Empowering the next generation of developers through immersive, cyberpunk-themed learning

🚀 START YOUR CODING JOURNEY TODAY 🚀

Name		Name	Last commit message	Last commit date
Latest commit History 81 Commits
.github/workflows		.github/workflows
api		api
dev-dist		dev-dist
migrations		migrations
public		public
scripts		scripts
src		src
.env.example		.env.example
.gitattributes		.gitattributes
.gitignore		.gitignore
.nojekyll		.nojekyll
ARCHITECTURE.md		ARCHITECTURE.md
NeuralTechTreeWidget.jsx		NeuralTechTreeWidget.jsx
README.md		README.md
add_github_id.sql		add_github_id.sql
debug-exports.js		debug-exports.js
email-server.js		email-server.js
eslint.config.js		eslint.config.js
fix-imports.ps1		fix-imports.ps1
fix-rls-policy.sql		fix-rls-policy.sql
fix_registration_schema.sql		fix_registration_schema.sql
index.html		index.html
migrate_db.js		migrate_db.js
neon-schema.sql		neon-schema.sql
package-lock.json		package-lock.json
package.json		package.json
part2.js		part2.js
postcss.config.js		postcss.config.js
refactor-all-courses.sh		refactor-all-courses.sh
refactor-course.sh		refactor-course.sh
refactor-courses-simple.js		refactor-courses-simple.js
refactor-courses.js		refactor-courses.js
setup-admin-accounts.js		setup-admin-accounts.js
setup-admin-progress.js		setup-admin-progress.js
setup-admin-simple.js		setup-admin-simple.js
supabase-schema.sql		supabase-schema.sql
tailwind.config.js		tailwind.config.js
test-courses.js		test-courses.js
user_stats_optimization.sql		user_stats_optimization.sql
vercel.json		vercel.json
vite.config.js		vite.config.js

Folders and files

Latest commit

History

Repository files navigation

🔗 SYSTEM ACCESS

⚡ CORE FEATURES

📡 SYSTEM OVERVIEW

🎮 PLATFORM CAPABILITIES

🎯 COMPLETE COURSE CATALOG

📊 TOTAL CURRICULUM STATS

💻 MULTI-ENGINE EXECUTION

🎨 FRONTEND ENGINE

⚛️ REACT ENGINE

🐍 PYTHON ENGINE

🖥️ TERMINAL ENGINE

🤖 NEBULA AI CHATBOT

CAPABILITIES

🏆 GAMIFICATION SYSTEM

📊 ACTIVITY TRACKING

🗺️ SPECIALIZATION TRACKS

🎨 FRONTEND PROTOCOL

⚙️ BACKEND PROTOCOL

🚀 FULL-STACK OPERATIVE

🛠️ TECHNOLOGY STACK

FRONTEND ARSENAL

CODE EXECUTION

BACKEND & AI

DEVELOPMENT TOOLS

📁 PROJECT ARCHITECTURE

🚀 DEPLOYMENT GUIDE

Step 1: Clone Repository

Step 2: Install Dependencies

Step 3: Environment Setup

Step 4: Run Development Server

Deploy to Vercel (Recommended)

Build for Self-Hosting

🖥️ VIRTUAL GIT TERMINAL

SUPPORTED COMMANDS

🖥️ SYSTEM COMMANDS

🔀 GIT BASICS

🌿 BRANCHING

🚀 ADVANCED GIT

💬 COMMUNITY FORUM

USER TIERS

📊 PLATFORM STATISTICS

🎯 LEARNING PATHS

🎨 CYBERPUNK FEATURES

🌈 VISUAL EFFECTS

🎨 COLOR PALETTE

🖼️ UI SHOWCASE

🔐 AUTHENTICATION SYSTEM

SUPPORTED LOGIN METHODS

📱 RESPONSIVE DESIGN

💻 DESKTOP

📱 TABLET

📲 MOBILE

🐛 TROUBLESHOOTING

Issue: Code Editor Not Loading

Issue: Python Code Not Executing

Issue: AI Chatbot Not Responding

Issue: Database Connection Failed

🤝 CONTRIBUTING

CONTRIBUTION AREAS

📜 LICENSE

🌟 ROADMAP

Q1 2025

Q2 2025

📞 CONTACT & SUPPORT

FOUND A BUG?

🎓 TESTIMONIALS

📊 PROJECT STATS

🎯 QUICK LINKS

🏅 ACHIEVEMENTS

🔒 SECURITY

💖 SUPPORTERS

POWERED BY

About

Resources

Stars

Watchers