← Back to Home

Week 14 - API Integration & Full-Stack

Reference files for the live-coding demos, in teaching order. Open any example and use View Source (right-click → View Page Source) to read the code — then rebuild it yourself.

▶  Open the Interactive Slides

1. Fetch API

Making HTTP requests from the browser

2. GitHub Profile Viewer

Consuming a real API with live data

3. Full-Stack CRUD

Complete frontend + backend code walkthrough

Tip: don't copy-paste. Type the code yourself, break it on purpose, then fix it. Use DevTools (F12) to inspect what's happening.