Introduction
Overview
In three hours you build one web app on live Indonesia Stock Exchange (IDX) data and put it online. No programming experience needed: you describe what you want, GitHub Copilot writes the code, and you check what comes back.
You will learn to:
- Plan with Copilot’s Ask mode and build with Agent mode
- Build in small loops: Plan → Implement → Test → Repeat
- Connect your app to live IDX data with the Sectors API, keeping your key safe
- Save your work to GitHub and share a live link
The result
What you will build
IDX Stock Snapshot
IDX tickerBBCA
PT Bank Central Asia Tbk.
Sector: Financials. Sub-sector: Banks.
Last closeRp 4.940
Daily change−1.69%
Market capRp 602.9 T
Closing price, last 30 days
Rp 1.000.000 a month, 10 years, 6%Rp 163.879.347
Your monthly saving buys 2 lots of this stock, with Rp 12.000 left over.
Starter kit
Get the starter files
Everything you build today starts from this folder. Pick one.
Modules
Ten modules, one project
01
What is vibe coding (and who cares?)
You describe, the AI builds, you check.
02
Your AI workspace
VS Code, and Copilot's two modes.
03
How web apps work
Know the parts, so you can ask for them.
04
Warm-up: Investment Goal Calculator
Your first app, and the loop you use all afternoon.
05
Connecting to real market data
Real IDX prices inside your calculator.
06
Build your IDX app
Same project, one feature per loop.
07
Stretch: three features, worked through
Optional, for fast finishers or at home.
08
Save your work with Git
From your folder to GitHub, with buttons only.
09
Ship it
Your app, live on the internet.
10
Bonus: live data with MCP
Copilot fetching live data by itself.