Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chanmeng666/ai-programming-teaching-project

An educational platform built with Docusaurus for learning AI-assisted programming and development.
https://github.com/chanmeng666/ai-programming-teaching-project

ai-programming documentation docusaurus educational markdown programming-education programming-tutorials react technical-documentation web-development

Last synced: 15 days ago
JSON representation

An educational platform built with Docusaurus for learning AI-assisted programming and development.

Awesome Lists containing this project

README

        



AI Programming Education Platform Logo

AI Programming Education Platform


Website




A modern educational platform that teaches AI-assisted programming through comprehensive tutorials, hands-on projects, and best practices. Built with Docusaurus and designed to help developers effectively use AI tools to enhance their development workflow.

![screencapture-ai-programming-teaching-project-vercel-app-2024-12-08-17_57_21](https://github.com/user-attachments/assets/1016e556-6990-476c-9c34-e57677db97ca)

![screencapture-ai-programming-teaching-project-vercel-app-docs-tutorials-docusaurus-tutorial-2024-12-08-17_57_54](https://github.com/user-attachments/assets/d4728ea6-d372-4305-b431-7e07ac476159)

![screencapture-ai-programming-teaching-project-vercel-app-blog-2024-12-08-17_58_15](https://github.com/user-attachments/assets/c7bf0ec3-af13-40f1-8e66-69808696a24c)

# ✨ Features

### 📚 Comprehensive Learning Path
- Step-by-step tutorials from basics to advanced topics
- Hands-on exercises and real-world projects
- Best practices for AI-assisted development

### 🛠️ Modern Development Tools
- Integration guides for Cursor, v0, and Vercel
- Workflow optimization techniques
- Project planning and implementation strategies

### 💻 Interactive Learning Experience
- Bilingual support (English & Chinese)
- Modern, responsive UI with dark mode
- Rich multimedia content and examples

### 🌟 Key Topics Covered
- AI Communication & Prompt Engineering
- Markdown & Documentation Best Practices
- Development Tools & Workflows
- Project Planning & Implementation
- Deployment & Maintenance

## 🚀 Getting Started

### Prerequisites
- Node.js ≥ 18.0
- Git
- GitHub account

### Installation

1. Clone the repository:
```bash
git clone https://github.com/ChanMeng666/ai-programming-teaching-project.git
```

2. Install dependencies:
```bash
cd ai-programming-teaching-project
npm install
```

3. Start the development server:
```bash
npm start
```

The site will be available at `http://localhost:3000`

### Building for Production
```bash
npm run build
```

## 🔧 Tech Stack

![Docusaurus](https://img.shields.io/badge/Docusaurus-3.6.1-blue?style=for-the-badge&logo=docusaurus)
![React](https://img.shields.io/badge/React-18.0.0-blue?style=for-the-badge&logo=react)
![JavaScript](https://img.shields.io/badge/JavaScript-ES6+-yellow?style=for-the-badge&logo=javascript)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3)
![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

## 📁 Project Structure
```
project-root/
├── docs/ # Documentation content
├── blog/ # Blog posts
├── src/
│ ├── components/ # React components
│ ├── css/ # Style files
│ └── pages/ # Static pages
├── static/ # Static assets
└── docusaurus.config.js # Main configuration
```

## 🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## 📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

## 📧 Contact

**Chan Meng**
- Website: [chanmeng.live](https://chanmeng.live)
- GitHub: [@ChanMeng666](https://github.com/ChanMeng666)
- LinkedIn: [chanmeng666](https://www.linkedin.com/in/chanmeng666)

## 🙏 Acknowledgments

Built with [Docusaurus](https://docusaurus.io/) and deployed on [Vercel](https://vercel.com)