Skip to content

microsoft/github-copilot-vibe-coding-workshop

Repository files navigation

GitHub Copilot Vibe Coding Workshop

GitHub Copilot - Ghiblifiled

Let's vibe-code with GitHub Copilot and its newest and greatest features in various programming languages such as Python, JavaScript, Java and .NET, as well as make the apps cloud-native by containerization. Are you ready to jump in?

Background

Contoso is a company that sells products for various outdoor activities. A marketing department of Contoso would like to launch a micro social media website to promote their products for existing and potential customers. As their first MVP, the want to quickly build the website. The IT department of Contoso currently has two developers using Python and JavaScript respectively. The launch date is fast approaching, so both developers should quickly deliver the application.

But here's the situation...

Workshop Objectives

  • Build applications using GitHub Copilot Agent Mode.
  • Add custom instruction to GitHub Copilot so that you have more control over GitHub Copilot.
  • Add various MCP servers to GitHub Copilot so that you build the applications more precisely.

Workshop in Your Language

This workshop material is currently provided in the following languages:

English | Español | Français | 日本語 | 한국어 | Português | 中文(简体)

Prerequisites

During this workshop, GitHub Codespaces is highly recommended because there's no need for preparation, except a web browser.

Open in GitHub Codespaces

However, if you really need to use your machine, make sure you've installed everything identified below.

Common

Python

JavaScript

Java

.NET

Product Requirements Document

First and foremost, the place for you to start is this PRD (Product Requirements Document). This document will give you a better understanding of what to do and how to do it.

Workshop Instructions

This is a self-paced workshop by following the links below:

Step Link
00: Development Environment 00-setup.md
01: Python Backend 01-python.md
02: JavaScript Frontend 02-javascript.md
03: Java Migration from Python 03-java.md
04: .NET Migration from JavaScript 04-dotnet.md
05: Containerization 05-containerization.md

Complete Samples

Check out the complete example of each application. They're also vibe-coded with GitHub Copilot, therefore, they might not be perfect, and you don't have to follow the app.

Language Application Location
Python Backend FastAPI python
JavaScript Frontend React javascript
Java Backend Spring Boot java
.NET Frontend Blazor dotnet
Containerization Container containerization

Read More...

About

Let's build a social media website with GitHub Copilot!

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Contributors 6