/ COHORT 001 — WEEK 02
SMG BUBBLE
Making something real.
A PROGRAM BY SEOUL MEDICAL GROUP
Bubble.
/ PROGRAM INFO
SMG BUBBLE
Week 2
40 min
Main session
Week 1 recap · project structure · common tools · examples
40 min
Build session
Continue with your personal website
10 min
Share
Each room shows one project
Concepts
PROGRAM INFO
/ PROJECT STRUCTURE
SMG BUBBLE
How do projects run?
How should we prompt? What is Claude actually building?
/ WHAT’S NEXT?
SMG BUBBLE
IN THE FUTURE
Describe → build → look → repeat.
TODAY
Vibe-coding
LATER
Spec-driven development
Write the plan first; tell Claude the whole idea up front, then build against it.
As your projects grow, a little planning upfront beats nudging one step at a time.
A model of AI-driven development
/ WHAT MAKES UP AN APP?
SMG BUBBLE
What does an app need?
User experience?
websites, apps, maps, etc.
Data?
user logins, map data, weather data, etc.
Storage?
somewhere to store and call back data fast
Communication?
connection with other apps, etc.
How should we design a basic web app?
/ PROJEC T STRUCTURE
SMG BUBBLE
The web has clients, servers, and database
Client
Users interact with your UI and asks/sends data to the server.
UI updates based on signals from the server.
Server
Confirms user requests and reads/writes from the database.
May also read/write data from other services. (APIs!)
Database
Stores/returns data as requested by the server (from users, external APIs, or manual upload).
Commonly used tech:�React, Vue, Svelte, HTML, CSS, TypeScript
Commonly used tech:�Express, Django, Rails, Node, Python, Ruby, Go, Spring (Java), Laravel
Commonly used tech:�Postgres, MySQL, MongoDB, SQLite, Redis, Firestore
/ THE PROCESS
SMG BUBBLE
01
What problem are you solving?
Define the core user action. ”A user wants to save movies they watched and rank them.”
02
Does it need to remember things?
If you need to store user data, then you need a server and a database!
03
Who are the users?
Web browser? Mobile app? Both? Public or login-protected?
04
Does it need live or external data?
Movie posters? Real-time scores? You need an API.
Once this shape is clear, THEN you decide how to host.
Do you need all three?
/ WHAT'S POSSIBLE
SMG BUBBLE
THINGS WE'VE BUILT
Sample project.
I want an easy way to share the weather during an event.
Could I build an app to do this?
/ PROJEC T STRUCTURE
SMG BUBBLE
Steps to Building with AI
1
Ask the 4 questions:
�1. What problem are you solving?
2. Does it need to remember things?
3. Who are the users?
4. Does it need live or external data?
2
Come up with a step-by step prompt that specifies everything you need.
3
Put it into Claude, refine, and start coding!
/ WHAT MAKES UP AN APP?
SMG BUBBLE
WeatherPlan
Problem:
I want to share the weather during events.
Storage:
Need to store events somewhere to share to other people.
Users:
Probably on the web, sharing through a whenisgood-like link.
Data:
We’ll pull from government agencies and APIs.
Now for the prompt ->
/ WHAT MAKES UP AN APP?
SMG BUBBLE
Prompt:
I want to create a basic web app with a minimalistic, clean black and white UI that shows you the weather then allows you to plan/save/share/export events.
This should function like when2meet or timeful.app so it doesn't require a comprehensive login but rather generates a unique link or code that links to a simple database/server allowing you to share the app easily.
Weather data should be collected using the national weather service APIs, but with a comprehensive 48 hour forecast using their precipitation/cloud cover/etc. predictions for a certain area. For events further out, use standard 7 day forecasts.
Make the icons/UI as minimal, modern, and sleek as possible. After an event is created, users should be able to generate a pretty event card or a special link to the website that shares the event and the weather at that location, at that time, at the time it was predicted.
With this in mind, come up with a coding prompt I can input into a coding agent. I want the directories to follow a simple front end (/src), backend (/server), and possible database in a monorepo structure. Ask clarifying questions as needed before coming up with the full prompt. Give it to me in plan text format (.txt).
/ WHAT'S POSSIBLE
SMG BUBBLE
THINGS WE'VE BUILT
Project Tour
/ WATCH THIS
SMG BUBBLE
LIVE BUILD
Your first GitHub Repository
35 MINUTES · YOUR TURN
Build session #2
Bubble.
/ YOUR TURN
SMG BUBBLE
Go build.
/ SHOW & TELL
SMG BUBBLE
10 MINUTES · BACK IN MAIN
Share one project
per room.
Bubble.