Skip to main content

What Can AI Coding Do? 9 Outstanding Case Studies with Step-by-Step Illustrated Tutorials

CloudBase TeamCloudBase Team
7 min read

The "AI Code Expedition Season" hands-on contest, an AI coding event built around Tencent Cloud Development CloudBase AI ToolKit, has come to a successful close. This article introduces the 9 winning entries — and there is a surprise at the bottom! From WeChat Mini Programs to H5 and mini games, masters from three tracks went head-to-head! CloudBase AI ToolKit stood out with "one-click generation + deploy-and-host", letting full-stack, backend, and frontend developers alike take it in stride — just a few prompts unlock a whole new experience of automated full-stack development! Read the original announcement here👉AI Code Expedition Season | Three tracks invite you to show off your AI development resultsThe following is a detailed introduction to the winning entries:

1

📱Mini Program track

Personal Cloud Study Mini Program

Author id:Lion 莱恩呀Project title:Build your very own "Cloud Study" mini program with AI! A real look behind Tencent Cloud AI Toolkit, from 0 to 1 going live at lightning speed!Demo:App description: Build a personal cloud study mini program with features such as book management and intelligent article fetching from WeChat Official Accounts, custom bookshelf categorization, keyword search, social sharing, and reading statistics. Core tech stack: WeChat Mini Program native development framework + CodeBuddy + Cloud Development CloudBase AI Toolkit

  • CodeBuddy generates a detailed requirements doc and compiles the code automatically.

  • Cloud Development CloudBase AI Toolkit auto-deploys cloud functions and the cloud database.

Resume Assistant Mini Program

Author id:全栈若城Project title:AI Code Expedition Season - one person takes on the full-stack build of a resume-making mini programDemo:App description: A resume assistant mini program project that helps users create, optimize, and manage professional resumes. It integrates AI assistance, a resume template library, case references, and professional tips, offering job seekers all-round resume-building support. Core tech stack: WeChat Mini Program native development framework + Cloud Development CloudBase AI Toolkit

  • Uses CloudBase AI Toolkit for cloud function deployment, NoSQL cloud database configuration, and code-error assisted fixing.

Internet Catchphrase Mini Program

Author id:算法一只狗Project title:【0-Code Revolution】I used "CloudBase AI ToolKit" to build an "Internet Catchphrase" mini program in one dayDemo:Image:Video:App description: A beautiful "Internet Catchphrase Decoder" mini program with features including catchphrase search, catchphrase explanation, and like/favorite. Core tech stack: WeChat Mini Program native development framework + TDesign WeChat Mini Program component library + CodeBuddy + Cloud Development CloudBase AI Toolkit

  • CodeBuddy generates the prototype diagrams and compiles the code automatically.

  • Calls Cloud Development CloudBase AI Toolkit to auto-deploy cloud functions.

2

🎮Mini Game track

2D Simulated-Restaurant WeChat Mini Game

Author id:Lion 莱恩呀Game type:simulation management + time managementProject title:Coding in practice: develop the WeChat mini game "My Breakfast Shop" in one hour — built on CloudBase AI ToolkitDemo:App description: A game about running a breakfast shop where players earn coins by quickly making dishes and serving customers, used to upgrade the shop and ingredients and to complete game tasks and achievements. Core tech stack:WeChat Mini Program native development framework + CodeBuddy + Cloud Development CloudBase AI Toolkit

  • CodeBuddy compiles the code automatically based on the requirements.

  • Cloud Development CloudBase AI Toolkit auto-deploys cloud functions and auto-fixes errors through the IDE plugin.

Classic Puzzle Mini Game

Author id:六月的雨在TencentGame type:puzzle battle + two-player mini gameProject title:Want to play Gomoku? | Tencent Cloud Development CloudBase helps you easily build a Gomoku mini gameDemo:App description: A Gomoku mini game supporting two-player online play and human-vs-AI battles. Core tech stack: WeChat Mini Program native development framework + React + CodeBuddy + Cloud Development CloudBase AI Toolkit

  • Cloud Development CloudBase AI Toolkit automatically creates tools and stores user game data in the cloud database.

Try it at: https://yunkaifa2025-3gvsrnxeccb15ac1-1302073945.tcloudbaseapp.com//wuziqi

3D FPS Web Shooter Game

Author id:努力的小雨Game type:3D first-person shooter (FPS) web shooting game!Project title:AI coding in practice: Cloud Development lends a strong hand, React + Vite builds an FPS web game without breaking a sweatDemo:Game screenshot:Game video:(scan the code to jump to the video page)App description: A web shooting game where the core gameplay is using a mouse/touchscreen to shoot enemies; each enemy defeated earns points that are uploaded to the cloud in real time. You can view the score rankings of all players, with options to toggle sound effects and background music. Core tech stack: React 18 + Tailwind CSS + Cloud Development CloudBase AI Toolkit

  • The CloudBase AI Toolkit docs provide the project template.

  • Call CloudBase AI Toolkit to deploy and publish the page, use the cloud database to store user data, and support real-time querying and updates. After launch, monitor key database metrics in the Cloud Development console.

Try it at:https://xiaoyu-0g6ev0ep0c5bbcbf-1302107156.tcloudbaseapp.com/

3

💻H5 Application track

Hospital Intern Scheduling System

Author id:采云小程序Project title:Use CloudBase AI Toolkit to build a hospital intern scheduling system and say goodbye to painful Excel sheetsDemo:App description: A system with a mini program and an admin web page offering a friendly experience, making it easy to manage interns, departments, and automatic scheduling. Different departments can set custom headcounts and scheduling durations per school and per major, with intelligent auto-scheduling and conflict detection. Core tech stack: React 18 + Vite + Tailwind CSS + DaisyUI + Cloud Development CloudBase AI Toolkit + playwright

  • Call Cloud Development CloudBase AI Toolkit to configure the MongoDB cloud database instance and deploy cloud functions running on Node.js 18.15.

  • Combine CloudBase AI Toolkit with playwright to resolve errors, run comprehensive tests, and fix issues.

Try it at:https://ttt-8gqsqm11c3f4d7b0-1315930323.tcloudbaseapp.com/hospital-system/

Migrating an H5 Project to Cloud Development

Author id:叫我阿柒啊Project title:CloudBase AI Toolkit | Without a server, how do you cloud-deploy a frontend/backend projectApp description: Migrate an existing H5 full-stack project — a frontend built with nodejs + vite + vue and a backend using springboot — into a new Cloud Development CloudBase environment. Core tech stack: Cloud Development CloudBase AI Toolkit

  • Call Cloud Development CloudBase AI Toolkit to fix frontend deployment issues.

  • Use the Cloud Development database and Cloud Run capabilities to adapt the deployment and operations of the springboot backend project.

Programmer-Style Business Card Website

Author id:LucianaiBProject title:Use CloudBase AI ToolKit to create a programmer-exclusive business card website locally in 5 minutes (with static hosting on the cloud too) Demo: App description: Enter your resume info and generate a code-editor-style business card in one click. Core tech stack: CodeBuddy + Cloud Development CloudBase AI Toolkit

  • CodeBuddy compiles the code and optimizes the UI automatically based on the requirements.

  • Call CloudBase AI Toolkit to deploy the generated page via the CloudBase static website hosting service.

Try it at:https://lucianaib-1g0wisrrc59fcd4b-1330758946.tcloudbaseapp.com/ (Enter the relevant info and you'll instantly get your very own business card)

Build your next app on CloudBase

An all-in-one backend covering database, cloud functions, static hosting, and AI capabilities.