🧪
Javascript Project-Based Learning Journey
📁 PROJECTS 29
🛡️ STATUS PRIVATE
📝 LOC 12,912+
🚀 IN-APP CONTRIBUTION ONLY
⚠️ CRITICAL WARNING: DO NOT CLONE
This repository is strictly for in-app contribution only. Do NOT clone this repository to your local machine. All development, project creation, and editing must be performed directly through the [S.U.D.O Project Hub IDE].
Local clones will not sync with the automated build system and may cause deployment conflicts.
Welcome to the Frontend Lab. This is a living collection of experiments in HTML, CSS, and JS. All projects are managed through a custom-built **Project Hub** that handles automation, stats, and provides a built-in IDE for seamless growth.
The In-App Workflow
STEP 01
Open Project Hub
Dashboard
→
STEP 02
Use In-App IDE
to code
→
STEP 03
Submit PR
via Browser
The Hub — Your Command Center
💻
IN-APP IDE
A full VS Code-like experience with syntax highlighting, file tree, and live preview — all in your browser.
📂
AUTO-DETECTION
New projects are detected by the server automatically and assigned categories and code metrics.
🎨
DYNAMIC THEMING
Choose between Modern, Matrix, and Paper themes. Your preference is persisted across sessions.
📊
REAL-TIME STATS
Live line counts, category breakdowns, and repo-wide metrics updated instantly as you code.
Repository Stats
29Projects
8Categories
12,912+Lines of Code
100%Vanilla JS
System Architecture
javascriptProjectBasedLearning/
│
├── hub/ // Project Hub (The Main Entry)
│ ├── index.html // UI Entry
│ ├── readme.html // 📍 You are here
│ └── hub.js // Core Engine
│
├── scripts/ // Server & Build Automation
├── 1.Quiz Game/ // Projects...
└── README.md // Global Readme
Roadmap
| Phase | Feature | Status |
|---|
| Core | Automated Project Scanning | ✅ DONE |
| IDE | VS Code Aesthetic & File Tree | ✅ DONE |
| Persistence | Cross-Session Theme Sync | ✅ DONE |
| Vision | Project Preview Screenshots | ⏳ PLANNED |