Workshop 3: Simple Functioning AI Chatbot (Starter Code)

Welcome to the API Workshop! This hands-on session will teach you how to quickly and efficiently integrate APIs with your JavaScript frontend. We will use pure vanilla JavaScript and HTML/CSS.

Instructor

Daniel Henricks - Tech Lead, Computer Science + Math Senior, current AI researcher (vanderbilt.ai) and previous intern at Capital One.

What You'll Learn

• API Fundamentals: Fetch API, JS Promises, and GET methods
• AI Prompting: How to prompt Gemini and create a chatbot.
• Modern JS: Response streaming makes AI integration look better.

What You'll Accomplish

By the end of this workshop, you'll have created:

• An AI chatbot
• API integrations

Project Structure

Workshop3/
├── index.html          # Main HTML file
├── styles.css          # CSS styling
├── script.js           # JavaScript code
└── README.md           # This file. 

Getting Started

Prerequisites

• A text editor (VS Code) . We will install this.
• A web browser (Chrome, Firefox, Safari, or Edge)

Next Workshops + Events!

After completing this workshop, we will host:

• React Workshop next Thursday, October 30th, from 5:30 to 6:30. Room to be announced.
• Potential LeetCode competition soon?

Join our AnchorLink and follow us on Instagram to learn more!