ADB - Asian Development Bank×Reskilll
← All modules
M2Day 1 · 75 min · Head mentorOpen now

Hands-on Lab 1 — First Canvas App

Build a working expense submission tracker over a SharePoint list — gallery, form, navigation, and the Patch/Submit functions that write data back.

Outcome

You leave with a working expense tracker app on your own account.

Lesson 1 of 45 min read

The brief: an expense tracker

What you are building and the data behind it.

You will build a small but complete app: staff submit an expense, see a running list of their submissions, and open any item for detail. It is deliberately ordinary — the point is to practise the moves you will repeat on your own problem statement.

The data source

A SharePoint list named Expenses is provided. It has the columns your app will bind to:

  • Title (single line of text) — a short description.
  • Amount (number) — the claim value.
  • Category (choice) — Travel, Meals, Equipment, Other.
  • Status (choice) — Pending, Approved, Rejected.
  • SubmittedOn (date) — defaults to today.
Tip

Connect once: Data → Add data → SharePoint → pick the site → select the Expenses list. Every control then binds to this single source.

Curated resources

~47 min total

Official Microsoft Learn material to pre-read before the session, or revisit during the buildathon.