{"id":22579295,"url":"https://github.com/chanmeng666/ai-programming-teaching-project","last_synced_at":"2025-10-30T10:06:37.197Z","repository":{"id":263550297,"uuid":"890698286","full_name":"ChanMeng666/ai-programming-teaching-project","owner":"ChanMeng666","description":"【Every star you give feeds a hungry developer's motivation! ⭐️】A modern educational platform built with Docusaurus that teaches AI-assisted programming through comprehensive tutorials, practical exercises, and real-world projects. Features bilingual support, interactive examples, and guides for tools like Cursor, v0, and Vercel.","archived":false,"fork":false,"pushed_at":"2025-04-02T20:44:17.000Z","size":379296,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T01:04:57.038Z","etag":null,"topics":["ai-programming","artificial-intelligence","developer-tools","documentation","docusaurus","educational","javascript","markdown","programming-education","programming-tutorials","react","technical-documentation","tutorial","web-development"],"latest_commit_sha":null,"homepage":"https://ai-programming-teaching-project.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ChanMeng666.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"chanmeng66u","thanks_dev":null,"custom":null}},"created_at":"2024-11-19T02:51:19.000Z","updated_at":"2025-04-02T20:44:14.000Z","dependencies_parsed_at":"2025-01-08T13:29:25.329Z","dependency_job_id":"2b6359da-42a8-461b-bb0a-a9276c5e7924","html_url":"https://github.com/ChanMeng666/ai-programming-teaching-project","commit_stats":null,"previous_names":["chanmeng666/ai-programming-teaching-project"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fai-programming-teaching-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fai-programming-teaching-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fai-programming-teaching-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fai-programming-teaching-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChanMeng666","download_url":"https://codeload.github.com/ChanMeng666/ai-programming-teaching-project/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137889,"owners_count":21053775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-programming","artificial-intelligence","developer-tools","documentation","docusaurus","educational","javascript","markdown","programming-education","programming-tutorials","react","technical-documentation","tutorial","web-development"],"created_at":"2024-12-08T05:06:54.958Z","updated_at":"2025-10-30T10:06:37.187Z","avatar_url":"https://github.com/ChanMeng666.png","language":"CSS","funding_links":["https://buymeacoffee.com/chanmeng66u"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n[![Project Banner](./static/img/logo.svg)](#)\n\n# 🚀 AI Programming Education Platform\u003cbr/\u003e\u003ch3\u003eMaster AI-Assisted Development Through Interactive Learning\u003c/h3\u003e\n\nA comprehensive educational platform that teaches AI-assisted programming through hands-on tutorials, practical projects, and best practices.\u003cbr/\u003e\nFeatures interactive learning modules, modern development workflows, and real-world project implementations.\u003cbr/\u003e\nOne-click **FREE** deployment of your personalized learning environment.\n\n[Live Demo][demo-link] · [Documentation][docs-link] · [Blog][blog-link] · [Issues][github-issues-link]\n\n\u003cbr/\u003e\n\n[![🚀 Try Live Demo 🚀](https://gradient-svg-generator.vercel.app/api/svg?text=%F0%9F%9A%80Try%20Live%20Demo%F0%9F%9A%80\u0026color=000000\u0026height=60\u0026gradientType=radial\u0026duration=6s\u0026color0=ffffff\u0026template=pride-rainbow)][demo-link]\n\n\u003cbr/\u003e\n\n\u003c!-- SHIELD GROUP --\u003e\n\n[![][github-release-shield]][github-release-link]\n[![][vercel-shield]][vercel-link]\n[![][docusaurus-shield]][docusaurus-link]\u003cbr/\u003e\n[![][github-contributors-shield]][github-contributors-link]\n[![][github-forks-shield]][github-forks-link]\n[![][github-stars-shield]][github-stars-link]\n[![][github-issues-shield]][github-issues-link]\n[![][github-license-shield]][github-license-link]\u003cbr\u003e\n\n**Share This Project**\n\n[![][share-x-shield]][share-x-link]\n[![][share-linkedin-shield]][share-linkedin-link]\n[![][share-reddit-shield]][share-reddit-link]\n\n\u003csup\u003e🌟 Pioneering the future of AI-assisted programming education. Built for the next generation of developers.\u003c/sup\u003e\n\n## 📸 Project Screenshots\n\n\u003e [!TIP]\n\u003e Explore our interactive learning platform designed for modern developers. See the evolution from Version 1 to the latest Version 2 with enhanced UI/UX.\n\n### 🌟 Latest Version (Version 2) - Enhanced UI/UX\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./static/readme-screenshots/screencapture-programming-chanmeng-org-2025-09-06-13_57_30.png\" alt=\"Main Dashboard V2\" width=\"800\"/\u003e\n  \u003cp\u003e\u003cem\u003e\u003cstrong\u003eVersion 2 Main Dashboard\u003c/strong\u003e - Redesigned with modern aesthetics and improved navigation\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./static/readme-screenshots/screencapture-programming-chanmeng-org-docs-intro-2025-09-06-13_57_51.png\" alt=\"Documentation Page V2\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003e\u003cstrong\u003eVersion 2 Documentation\u003c/strong\u003e - Enhanced reading experience with better typography\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./static/readme-screenshots/屏幕截图 2025-09-06 135828.png\" alt=\"Mobile View V2\" width=\"300\"/\u003e\n  \u003cimg src=\"./static/readme-screenshots/屏幕截图 2025-09-06 135902.png\" alt=\"Features V2\" width=\"300\"/\u003e\n  \u003cimg src=\"./static/readme-screenshots/屏幕截图 2025-09-06 135936.png\" alt=\"Interface V2\" width=\"300\"/\u003e\n  \u003cp\u003e\u003cem\u003e\u003cstrong\u003eVersion 2 Interface Showcase\u003c/strong\u003e - Mobile responsive and feature highlights\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ckbd\u003e📱 Previous Version (Version 1) \u0026 Version Comparison\u003c/kbd\u003e\u003c/summary\u003e\n\n### 📱 Previous Version (Version 1) - Original Design\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/1016e556-6990-476c-9c34-e57677db97ca\" alt=\"Main Dashboard V1\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003e\u003cstrong\u003eVersion 1 Main Dashboard\u003c/strong\u003e - Original comprehensive learning modules and navigation\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/d4728ea6-d372-4305-b431-7e07ac476159\" alt=\"Tutorial Page V1\" width=\"400\"/\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/c7bf0ec3-af13-40f1-8e66-69808696a24c\" alt=\"Blog Section V1\" width=\"400\"/\u003e\n  \u003cp\u003e\u003cem\u003e\u003cstrong\u003eVersion 1 Tutorials \u0026 Blog\u003c/strong\u003e - Original interactive content sections\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./static/screenshot/screencapture-my-website-iota-coral-vercel-app-2024-11-24-23_08_16.png\" alt=\"Original Mobile View\" width=\"300\"/\u003e\n  \u003cp\u003e\u003cem\u003e\u003cstrong\u003eVersion 1 Mobile View\u003c/strong\u003e - Original responsive design foundation\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n#### 🔄 Version Evolution Highlights:\n- ✨ **Enhanced Visual Design**: Modern color scheme and typography\n- 🎨 **Improved UI Components**: Better buttons, cards, and interactive elements\n- 📱 **Mobile Optimization**: Superior responsive design across all devices\n- 🚀 **Performance Improvements**: Faster loading and smoother interactions\n\n\u003c/details\u003e\n\n## 🎬 Demo Video\n\n\u003e [!NOTE]\n\u003e Watch our platform in action with this comprehensive demo.\n\n\u003cdiv align=\"center\"\u003e\n\nhttps://github.com/user-attachments/assets/7f452170-ee23-44ad-ac87-7ad41161cd3b\n\n*Complete platform walkthrough showing all major features*\n\n\u003c/div\u003e\n\n**Tech Stack Badges:**\n\n\u003cdiv align=\"center\"\u003e\n\n \u003cimg src=\"https://img.shields.io/badge/docusaurus-3.6.1-blue?style=for-the-badge\u0026logo=docusaurus\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/react-%5E18.0.0-blue?style=for-the-badge\u0026logo=react\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/javascript-ES6+-yellow?style=for-the-badge\u0026logo=javascript\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/node.js-%3E%3D18.0-green?style=for-the-badge\u0026logo=nodedotjs\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/vercel-deployment-black?style=for-the-badge\u0026logo=vercel\"/\u003e\n\n\u003c/div\u003e\n\n\u003c/div\u003e\n\n\u003e [!IMPORTANT]\n\u003e This platform demonstrates modern educational technology with interactive learning modules. It combines comprehensive documentation with hands-on tutorials to provide a complete AI programming education experience. Features include step-by-step tutorials, practical projects, and modern development tool integration.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ckbd\u003e📑 Table of Contents\u003c/kbd\u003e\u003c/summary\u003e\n\n#### TOC\n\n- [🚀 AI Programming Education Platform](#-ai-programming-education-platform)\n      - [TOC](#toc)\n  - [🌟 Introduction](#-introduction)\n  - [✨ Key Features](#-key-features)\n    - [`1` Interactive Learning Modules](#1-interactive-learning-modules)\n    - [`2` Comprehensive Tutorial System](#2-comprehensive-tutorial-system)\n    - [`*` Additional Features](#-additional-features)\n  - [🛠️ Tech Stack](#️-tech-stack)\n  - [🏗️ Architecture](#️-architecture)\n    - [System Architecture](#system-architecture)\n    - [Content Structure](#content-structure)\n  - [🚀 Getting Started](#-getting-started)\n    - [Prerequisites](#prerequisites)\n    - [Quick Installation](#quick-installation)\n    - [Development Mode](#development-mode)\n  - [🛳 Deployment](#-deployment)\n    - [`A` Vercel Deployment](#a-vercel-deployment)\n    - [`B` Docker Deployment](#b-docker-deployment)\n  - [📖 Learning Path](#-learning-path)\n    - [Beginner Level](#beginner-level)\n    - [Intermediate Level](#intermediate-level)\n    - [Advanced Level](#advanced-level)\n  - [🔌 Integrations](#-integrations)\n  - [⌨️ Development](#️-development)\n    - [Local Development](#local-development)\n    - [Adding Content](#adding-content)\n  - [🤝 Contributing](#-contributing)\n  - [📄 License](#-license)\n  - [👥 Team](#-team)\n\n####\n\n\u003cbr/\u003e\n\n\u003c/details\u003e\n\n## 🌟 Introduction\n\nWe are passionate educators and developers creating the next generation of AI programming education. By adopting modern educational technologies and comprehensive learning methodologies, we aim to provide learners with powerful, accessible, and engaging AI programming education.\n\nWhether you're a beginner looking to enter the world of AI programming or an experienced developer seeking to enhance your skills with AI tools, this platform will be your comprehensive learning companion. The platform is actively maintained and we welcome feedback for any [issues][github-issues-link] encountered.\n\n\u003e [!NOTE]\n\u003e - Node.js \u003e= 18.0 required for development\n\u003e - Modern web browser for optimal experience\n\u003e - GitHub account recommended for accessing additional resources\n\u003e - No prior AI experience required - we start from the basics!\n\n| [![][demo-badge]][demo-link]   | No installation required! Visit our live demo to start learning immediately. |\n| :------------------------------------ | :--------------------------------------------------------------------------------------------- |\n| [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/ChanMeng666/ai-programming-teaching-project) | Get intelligent answers about the project using AI |\n\n\u003e [!TIP]\n\u003e **⭐ Star us** to receive all updates and new learning content from GitHub!\n\n[![][image-star]][github-stars-link]\n\n## ✨ Key Features\n\n### `1` Interactive Learning Modules\n\nExperience next-generation educational content through our comprehensive module system. Our innovative approach provides structured learning paths through carefully designed tutorials covering everything from AI communication basics to advanced development workflows.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/d4728ea6-d372-4305-b431-7e07ac476159\" alt=\"Learning Modules Demo\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003eInteractive learning modules with step-by-step guidance\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\nKey capabilities include:\n- 🎯 **Progressive Learning**: Structured curriculum from basics to advanced\n- 🛠️ **Hands-on Practice**: Real-world projects and exercises\n- 📱 **Responsive Design**: Learn on any device, anywhere\n- 🌐 **Bilingual Support**: Content available in multiple languages\n\n### `2` Comprehensive Tutorial System\n\nRevolutionary tutorial system that transforms how learners interact with AI programming concepts. With our structured approach and practical examples, students can master AI-assisted development while building real projects.\n\n**Available Learning Tracks:**\n- **Environment Setup**: Development environment configuration\n- **Basic Concepts**: AI communication and prompt engineering\n- **Tool Mastery**: Cursor, v0, and modern development tools\n- **Project Implementation**: Complete project walkthroughs\n- **Advanced Topics**: AI drawing, chat systems, and Coze integration\n\n### `*` Additional Features\n\nBeyond the core learning modules, this platform includes:\n\n- [x] 📚 **Rich Documentation**: Comprehensive guides and references\n- [x] 🎨 **Modern UI/UX**: Beautiful design with dark/light themes\n- [x] 📝 **Blog System**: Regular updates and insights\n- [x] 🔍 **Search Functionality**: Find content quickly and easily\n- [x] 📊 **Progress Tracking**: Monitor your learning journey\n- [x] 💻 **Code Examples**: Interactive code snippets and demos\n- [x] 🚀 **One-Click Deploy**: Easy deployment to your own instance\n- [x] 📱 **Mobile Optimized**: Perfect experience on all devices\n\n\u003e ✨ New content and features are continuously added as the field evolves.\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n## 🛠️ Tech Stack\n\n\u003cdiv align=\"center\"\u003e\n  \u003ctable\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/docusaurus\" width=\"48\" height=\"48\" alt=\"Docusaurus\" /\u003e\n        \u003cbr\u003eDocusaurus 3.6\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/react\" width=\"48\" height=\"48\" alt=\"React\" /\u003e\n        \u003cbr\u003eReact 18\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/javascript\" width=\"48\" height=\"48\" alt=\"JavaScript\" /\u003e\n        \u003cbr\u003eJavaScript ES6+\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/css3\" width=\"48\" height=\"48\" alt=\"CSS3\" /\u003e\n        \u003cbr\u003eCSS3\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/markdown\" width=\"48\" height=\"48\" alt=\"Markdown\" /\u003e\n        \u003cbr\u003eMDX\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/vercel\" width=\"48\" height=\"48\" alt=\"Vercel\" /\u003e\n        \u003cbr\u003eVercel\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/table\u003e\n\u003c/div\u003e\n\n**Frontend Stack:**\n- **Framework**: Docusaurus 3.6.1 with React 18\n- **Styling**: CSS3 + Custom Design System\n- **Content**: MDX for rich interactive documentation\n- **Analytics**: Vercel Analytics integration\n- **Icons**: SVG-based icon system\n\n**Development Tools:**\n- **Build System**: Webpack-based Docusaurus build\n- **Development Server**: Hot reload development environment\n- **Content Management**: File-based content system\n- **Deployment**: Vercel for seamless deployments\n- **Version Control**: Git-based workflow\n\n\u003e [!TIP]\n\u003e Each technology was selected for educational effectiveness, ease of maintenance, and optimal learning experience.\n\n## 🏗️ Architecture\n\n### System Architecture\n\n\u003e [!TIP]\n\u003e This architecture supports easy content management and scalable educational delivery, making it perfect for educational institutions and self-learners.\n\n```mermaid\ngraph TB\n    subgraph \"Content Layer\"\n        A[Documentation] --\u003e B[Blog Posts]\n        B --\u003e C[Tutorial Modules]\n        C --\u003e D[Interactive Examples]\n    end\n    \n    subgraph \"Presentation Layer\"\n        E[React Components] --\u003e F[Docusaurus Framework]\n        F --\u003e G[Responsive UI]\n        G --\u003e H[Search \u0026 Navigation]\n    end\n    \n    subgraph \"Deployment\"\n        I[Build Process]\n        J[Static Generation]\n        K[CDN Distribution]\n        L[Analytics]\n    end\n    \n    A --\u003e E\n    E --\u003e I\n    I --\u003e J\n    J --\u003e K\n    F --\u003e L\n```\n\n### Content Structure\n\n```\ndocs/\n├── basics/               # Fundamental concepts\n│   ├── ai-communication  # AI interaction principles\n│   ├── markdown-syntax   # Documentation basics\n│   └── prompt-engineering # Effective prompting\n├── setup/               # Environment configuration\n├── tools/               # Development tools\n├── tutorials/           # Hands-on tutorials\n├── practice/            # Project implementations\n├── ai-chat/             # Chat system development\n├── ai-drawing/          # AI art and design\n└── coze/                # Coze platform integration\n```\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n\u003e [!IMPORTANT]\n\u003e Ensure you have the following installed:\n\n- Node.js 18.0+ ([Download](https://nodejs.org/))\n- npm/yarn/pnpm package manager\n- Git ([Download](https://git-scm.com/))\n- Modern web browser\n\n### Quick Installation\n\n**1. Clone Repository**\n\n```bash\ngit clone https://github.com/ChanMeng666/ai-programming-teaching-project.git\ncd ai-programming-teaching-project\n```\n\n**2. Install Dependencies**\n\n```bash\n# Using npm\nnpm install\n\n# Using yarn\nyarn install\n\n# Using pnpm (recommended)\npnpm install\n```\n\n**3. Start Development Server**\n\n```bash\nnpm start\n```\n\n🎉 **Success!** Open [http://localhost:3000](http://localhost:3000) to access the learning platform.\n\n### Development Mode\n\n```bash\n# Start with hot reload\nnpm start\n\n# Build for production\nnpm run build\n\n# Serve production build\nnpm run serve\n\n# Clear cache\nnpm run clear\n```\n\n## 🛳 Deployment\n\n\u003e [!IMPORTANT]\n\u003e Choose the deployment strategy that best fits your educational needs. Vercel is recommended for its simplicity and performance.\n\n### `A` Vercel Deployment\n\n**One-Click Deploy:**\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fai-programming-teaching-project)\n\n**Manual Deployment:**\n\n```bash\n# Install Vercel CLI\nnpm i -g vercel\n\n# Deploy\nvercel --prod\n```\n\n### `B` Docker Deployment\n\n```bash\n# Build Docker image\ndocker build -t ai-programming-platform .\n\n# Run container\ndocker run -p 3000:3000 ai-programming-platform\n```\n\n## 📖 Learning Path\n\n### Beginner Level\n\n**Getting Started (Week 1-2):**\n1. **Environment Setup** - Configure your development environment\n2. **AI Communication** - Learn effective AI interaction\n3. **Markdown Basics** - Master documentation formatting\n\n### Intermediate Level\n\n**Tool Mastery (Week 3-5):**\n1. **Cursor Editor** - Advanced code editing with AI\n2. **v0 Platform** - Rapid prototyping and development\n3. **Workflow Integration** - Streamlined development processes\n\n### Advanced Level\n\n**Project Implementation (Week 6-8):**\n1. **Complete Projects** - Build real-world applications\n2. **AI Drawing** - Creative AI applications\n3. **Chat Systems** - Conversational AI development\n\n\u003e [!NOTE]\n\u003e Each module includes hands-on exercises, practical examples, and assessment opportunities.\n\n## 🔌 Integrations\n\nWe support integration with leading development and AI platforms:\n\n| Category | Platform | Status | Documentation |\n|----------|----------|--------|---------------|\n| **Code Editors** | Cursor | ✅ Active | [Setup Guide](docs/tools/cursor-guide.mdx) |\n| **Development** | v0 Platform | ✅ Active | [Setup Guide](docs/tools/v0-platform.mdx) |\n| **Deployment** | Vercel | ✅ Active | [Setup Guide](docs/tools/vercel-deploy.mdx) |\n| **AI Tools** | Coze | ✅ Active | [Setup Guide](docs/coze/index.mdx) |\n| **Analytics** | Vercel Analytics | ✅ Active | Built-in Integration |\n\n## ⌨️ Development\n\n### Local Development\n\n**Setup Development Environment:**\n\n```bash\n# Clone repository\ngit clone https://github.com/ChanMeng666/ai-programming-teaching-project.git\ncd ai-programming-teaching-project\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm start\n```\n\n### Adding Content\n\n**Creating New Documentation:**\n\n```bash\n# Create new doc file\ntouch docs/new-topic/index.mdx\n```\n\n**Adding Blog Posts:**\n\n```bash\n# Create new blog post\ntouch blog/YYYY-MM-DD-post-title.mdx\n```\n\n**Content Structure:**\n\n```markdown\n---\ntitle: Your Title\nsidebar_position: 1\n---\n\n# Your Content\n\nYour educational content here...\n```\n\n## 🤝 Contributing\n\nWe welcome contributions! Here's how you can help improve this educational platform:\n\n**Content Contributions:**\n- 📚 Add new tutorials and learning modules\n- 🐛 Fix typos and improve existing content\n- 💡 Suggest new topics and learning paths\n- 🌐 Help with translations and localization\n\n**Technical Contributions:**\n- 🔧 Improve platform functionality\n- 🎨 Enhance UI/UX design\n- 📱 Optimize mobile experience\n- ⚡ Performance improvements\n\n**Pull Request Process:**\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n**Open Source Benefits:**\n- ✅ Free for educational use\n- ✅ Modification allowed\n- ✅ Distribution permitted\n- ✅ Commercial use allowed\n\n## 👥 Team\n\n\u003cdiv align=\"center\"\u003e\n  \u003ctable\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://github.com/ChanMeng666\"\u003e\n          \u003cimg src=\"https://github.com/ChanMeng666.png?size=100\" width=\"100px;\" alt=\"Chan Meng\"/\u003e\n          \u003cbr /\u003e\n          \u003csub\u003e\u003cb\u003eChan Meng\u003c/b\u003e\u003c/sub\u003e\n        \u003c/a\u003e\n        \u003cbr /\u003e\n        \u003csmall\u003eCreator \u0026 Lead Developer\u003c/small\u003e\n        \u003cbr /\u003e\n        \u003csmall\u003eUI/UX Designer \u0026 Full Stack Developer\u003c/small\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/table\u003e\n\u003c/div\u003e\n\n## 🙋‍♀️ Author\n\n**Chan Meng**\n- \u003cimg src=\"https://cdn.simpleicons.org/linkedin/0A66C2\" width=\"16\" height=\"16\"\u003e LinkedIn: [chanmeng666](https://www.linkedin.com/in/chanmeng666/)\n- \u003cimg src=\"https://cdn.simpleicons.org/github/181717\" width=\"16\" height=\"16\"\u003e GitHub: [ChanMeng666](https://github.com/ChanMeng666)\n- \u003cimg src=\"https://cdn.simpleicons.org/gmail/EA4335\" width=\"16\" height=\"16\"\u003e Email: [chanmeng.dev@gmail.com](mailto:chanmeng.dev@gmail.com)\n- \u003cimg src=\"https://cdn.simpleicons.org/internetexplorer/0078D4\" width=\"16\" height=\"16\"\u003e Website: [chanmeng.live](https://2d-portfolio-eta.vercel.app/)\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\u003cstrong\u003e🚀 Building the Future of AI Programming Education 🌟\u003c/strong\u003e\n\u003cbr/\u003e\n\u003cem\u003eEmpowering developers and learners worldwide\u003c/em\u003e\n\u003cbr/\u003e\u003cbr/\u003e\n\n⭐ **Star us on GitHub** • 📖 **Read the Documentation** • 🐛 **Report Issues** • 💡 **Request Features** • 🤝 **Contribute**\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n**Made with ❤️ by the AI Programming Education team**\n\n\u003cimg src=\"https://img.shields.io/github/stars/ChanMeng666/ai-programming-teaching-project?style=social\" alt=\"GitHub stars\"\u003e\n\u003cimg src=\"https://img.shields.io/github/forks/ChanMeng666/ai-programming-teaching-project?style=social\" alt=\"GitHub forks\"\u003e\n\n\u003c/div\u003e\n\n---\n\n\u003c!-- LINK DEFINITIONS --\u003e\n\n[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square\n\n\u003c!-- Project Links --\u003e\n[demo-link]: https://ai-programming-teaching-project.vercel.app/\n[docs-link]: https://ai-programming-teaching-project.vercel.app/docs/intro\n[blog-link]: https://ai-programming-teaching-project.vercel.app/blog\n\n\u003c!-- GitHub Links --\u003e\n[github-issues-link]: https://github.com/ChanMeng666/ai-programming-teaching-project/issues\n[github-stars-link]: https://github.com/ChanMeng666/ai-programming-teaching-project/stargazers\n[github-forks-link]: https://github.com/ChanMeng666/ai-programming-teaching-project/forks\n[github-contributors-link]: https://github.com/ChanMeng666/ai-programming-teaching-project/contributors\n[github-release-link]: https://github.com/ChanMeng666/ai-programming-teaching-project/releases\n[github-license-link]: https://github.com/ChanMeng666/ai-programming-teaching-project/blob/main/LICENSE\n\n\u003c!-- External Links --\u003e\n[vercel-link]: https://vercel.com\n[docusaurus-link]: https://docusaurus.io\n\n\u003c!-- Shield Badges --\u003e\n[github-release-shield]: https://img.shields.io/github/v/release/ChanMeng666/ai-programming-teaching-project?color=369eff\u0026labelColor=black\u0026logo=github\u0026style=flat-square\n[vercel-shield]: https://img.shields.io/badge/vercel-online-55b467?labelColor=black\u0026logo=vercel\u0026style=flat-square\n[docusaurus-shield]: https://img.shields.io/badge/docusaurus-3.6.1-blue?labelColor=black\u0026logo=docusaurus\u0026style=flat-square\n[github-contributors-shield]: https://img.shields.io/github/contributors/ChanMeng666/ai-programming-teaching-project?color=c4f042\u0026labelColor=black\u0026style=flat-square\n[github-forks-shield]: https://img.shields.io/github/forks/ChanMeng666/ai-programming-teaching-project?color=8ae8ff\u0026labelColor=black\u0026style=flat-square\n[github-stars-shield]: https://img.shields.io/github/stars/ChanMeng666/ai-programming-teaching-project?color=ffcb47\u0026labelColor=black\u0026style=flat-square\n[github-issues-shield]: https://img.shields.io/github/issues/ChanMeng666/ai-programming-teaching-project?color=ff80eb\u0026labelColor=black\u0026style=flat-square\n[github-license-shield]: https://img.shields.io/badge/license-MIT-white?labelColor=black\u0026style=flat-square\n\n\u003c!-- Badge Variants --\u003e\n[demo-badge]: https://img.shields.io/badge/TRY%20DEMO-ONLINE-55b467?labelColor=black\u0026logo=vercel\u0026style=for-the-badge\n\n\u003c!-- Social Share Links --\u003e\n[share-x-link]: https://x.com/intent/tweet?hashtags=AI,Programming,Education\u0026text=Check%20out%20this%20amazing%20AI%20Programming%20Education%20Platform\u0026url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fai-programming-teaching-project\n[share-linkedin-link]: https://linkedin.com/sharing/share-offsite/?url=https://github.com/ChanMeng666/ai-programming-teaching-project\n[share-reddit-link]: https://www.reddit.com/submit?title=AI%20Programming%20Education%20Platform\u0026url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fai-programming-teaching-project\n\n[share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black\u0026logo=x\u0026logoColor=white\u0026style=flat-square\n[share-linkedin-shield]: https://img.shields.io/badge/-share%20on%20linkedin-black?labelColor=black\u0026logo=linkedin\u0026logoColor=white\u0026style=flat-square\n[share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black\u0026logo=reddit\u0026logoColor=white\u0026style=flat-square\n\n\u003c!-- Images --\u003e\n[image-star]: https://img.shields.io/github/stars/ChanMeng666/ai-programming-teaching-project?style=social\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanmeng666%2Fai-programming-teaching-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchanmeng666%2Fai-programming-teaching-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanmeng666%2Fai-programming-teaching-project/lists"}