Staging environment
Free Lesson

AI-Assisted Coding for Designers E5: APIs and Supabase

45 min
May 6, 2025 6:00 PM
Virtual (Zoom)

In this video

What you'll learn

APIs, Explained Simply

Learn what APIs are, how they work, and how they connect apps to external data or services.

Calling an API from Your App

Use fetch() in JavaScript or Next.js to get data and display it in your UI.

Designing Around Dynamic Data

Understand how data structure influences layout and user experience.

What Supabase Is and Why It’s Useful

Understand Supabase as a modern backend-as-a-service platform with real-time database, auth, and storage.

Connect Your App to Supabase

Store and retrieve data with the Supabase client. Explore basic user authentication, file uploads, and real-time update.

Why this topic matters

APIs power everything from real-time data to dynamic content and third-party integrations. This session shows you how to make your apps feel alive and how AI can help you work with endpoints and JSON. In addition, it shows you how Supabase can act as your app’s brain and and how AI can help you wire it all up.

You'll learn from

Junaid Dodhia

Junaid Dodhia

Software Engineer | Designer | Coding Instructor

Xinran Ma

Xinran Ma

Founder of Design with AI | AI Course Instructor | 3x Author

Previously partnered with

Carnegie Mellon University
Columbia University
Pratt Institute
Amazon
UConn
See all products from Xinran