KidC: C Programming Platform for Children

A web-based platform designed to teach C programming to children through interactive lessons, exercises, and a real-time code editor.

• 🧩 Structured Learning Paths: Progressive lessons from basic to advanced concepts
• 💻 Interactive Code Editor: Real-time compilation and execution of C code
• 🔍 Hands-on Exercises: Practice with immediate feedback
• 🧪 Automated Testing: Verify code solutions against test cases
• 🏆 Progress Tracking: Monitor learning achievements

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Schema definitions
│   │   └── queries.ts       # DB query functions
│   ├── routes/
│   │   ├── api.ts           # API routes
│   │   └── static.ts        # Static file serving
│   ├── services/
│   │   ├── compiler.ts      # C code compilation service
│   │   └── exercises.ts     # Exercise management
│   └── index.ts             # Main entry point
├── frontend/
│   ├── components/
│   │   ├── CodeEditor.js    # Interactive code editor
│   │   ├── ExercisePanel.js # Exercise display and testing
│   │   └── LessonView.js    # Lesson content display
│   ├── data/
│   │   ├── lessons.js       # Lesson content
│   │   └── exercises.js     # Exercise definitions
│   ├── index.html           # Main HTML template
│   ├── app.js               # Frontend JS entry point
│   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared type definitions

1. Students select a lesson from the structured learning path
2. Each lesson includes explanations, examples, and interactive code snippets
3. Students can write and execute C code directly in the browser
4. Exercises challenge students to apply what they've learned
5. Automated tests verify solutions and provide immediate feedback
6. Progress is tracked to guide the learning journey

• Frontend: HTML, CSS, JavaScript, TailwindCSS
• Code Editor: Monaco Editor
• Backend: Hono (TypeScript)
• Database: SQLite
• C Compilation: WebAssembly-based C compiler