Skip to content

Details

# AI + VS Code + GitHub: From Vibe Coding to Team-Ready Code

WiSE NYC Technical Workshop
AI coding tools can help us build things much faster. But once AI writes the code, what do you actually do with it?
In this hands-on WiSE NYC workshop, we'll start with a simple website and use an AI coding assistant in VS Code to add a small feature. Then we'll take that change through Git and GitHub so you can see how AI-assisted coding fits into a real development workflow.

### What we'll do

We'll work with a simple WiSE NYC event website where the event category buttons aren't working yet.
We'll use AI to add the filtering feature, then:

  • Review the AI-generated code
  • Test that the feature works
  • Create a Git branch
  • Commit and push our changes
  • Create a Pull Request
  • Review and merge the change

The goal isn't to memorize Git commands. It's to understand how AI coding, Git, GitHub, and code review fit together.

### What you'll learn

  • How to use an AI coding assistant in VS Code
  • How to review and test AI-generated code
  • Git basics: branches, commits, and pushes
  • What a GitHub fork is
  • How Pull Requests work
  • How developers collaborate on code
  • Why human review and security still matter when using AI

### Who is this for?

This workshop is for women interested in software engineering, technology, or learning how AI is changing the way we build software.
It's a good fit if you:

  • Have started experimenting with AI coding tools
  • Have heard of Git and GitHub but aren't comfortable using them yet
  • "Vibe code" and want to understand more of what happens behind the scenes
  • Are learning software development and want hands-on practice
  • Want to become more comfortable with developer collaboration tools

No previous Git or GitHub experience is required.
We'll be working with a small HTML, CSS, and JavaScript project, so you don't need to know React or another framework.

### About the organizer

I'm Janet, the organizer of WiSE NYC. My background is in data analytics, and I've worked with software development tools and workflows before AI coding tools became so common. I'm currently working as a freelance data analyst and have been learning and experimenting with AI-assisted development.
This workshop is a practical introduction to how these tools can fit together in a modern development workflow.

### What you'll need

Please have these ready before the workshop:

  • VS Code
  • Git
  • An AI coding assistant that works inside VS Code
  • Live Server extension for VS Code
  • A GitHub account

You'll also need to fork the workshop repository to your own GitHub account before the event.
I'll send setup instructions to attendees before the workshop so you can get everything ready.

### Agenda

0:00–0:10 — Welcome + Git & GitHub Basics
A quick introduction to the workflow we'll be using.
0:10–0:18 — GitHub + VS Code Setup
Get familiar with the project and tools.
0:18–0:25 — Start the Project
Open the starter website, clone your fork, and create a branch.
0:25–0:39 — AI Coding Activity
Use an AI coding assistant to add the event filter.
0:39–0:52 — Review, Commit, Push + Pull Request
Review and test the AI-generated changes, then take them through GitHub.
0:52–0:57 — What Still Requires a Human?
A quick discussion about testing, security, code review, collaboration, and maintaining AI-generated code.
0:57–1:00 — Q&A

### The main takeaway

You don't need to become a Git expert in one hour.
The goal is to leave with a better understanding of what happens after AI generates your code.
AI can help you write the code. You still need to understand, review, and test it.

### One quick note

The website we'll use is a small project created specifically for this workshop. The events shown on it are sample content for the exercise and aren't actual upcoming WiSE NYC events.
This is a hands-on learning session, so feel free to follow along even if you're new to Git, GitHub, or AI coding tools.

You may also like