Build Your First Real FHIR App in 15 Days - Medblocks
Learn FHIR for FREE! Enroll Now!
Product Services Training Blog Docs About Courses Jobs FHIR for Builders FHIR App Challenge

Build Your First Real FHIR App in 15 Days

Build a real FHIR app in 15 days. This challenge takes you from zero to a working patient management app that pulls live data from a FHIR server, with or without writing code.

4 modules
13 lessons
2 Hours
Build Your First Real Fhir App in 15 Days
Part 1

Getting Started

Set up everything you need and understand what you'll be building over the next 15 days.

  1. Introduction

    Get an overview of the challenge, what to expect, and how to get started.

    2:26
  2. What You Will Build

    Understand the app you'll build: a practitioner-facing patient management app, and the requirements for each week.

    5:12
  3. FHIR Server Setup

    Create your Medblocks account, load sample patients, and get your FHIR URL and bearer token.

    3:30
  4. Connect Your EHR

    Pull real FHIR data from your own health records by connecting to a supported EHR through the Medblocks platform.

    4:22
Part 2

Vibe-coding Tutorial

Build the full app using Lovable without writing any code. Learn how to prompt effectively and understand the FHIR API calls your app makes.

  1. Patient Listing

    Use Lovable to build the patient list page, listing, creating, editing, and searching patients, without writing any code.

    7:58
  2. Understand Patient List

    Inspect the network tab to understand the FHIR API calls your app makes for the patient list.

    7:32
  3. Patient Details

    Extend the app to add a patient detail page with vital signs, conditions, and medications.

    12:41
  4. Understand Patient Details

    Inspect the API calls behind the patient detail page and learn how to debug issues using the network tab.

    5:44
Part 3

Coding Tutorial

Build the same app using an IDE and AI assistance. Cover the patient list, patient detail page, and deploying to production.

  1. Patient Listing

    Build the patient list page using Cursor and TypeScript, using a FHIR proxy, search, and CRUD operations.

    22:42
  2. Patient Details

    Extend the app to add the patient detail page using Cursor, with vitals, conditions, and medications.

    7:32
  3. Deploy Your App

    Containerize your app with Docker and deploy it to Google Cloud Run.

    12:41
Part 4

Closing

Submit your app and share your feedback.

  1. How to Submit

    Record a demo video and post it to the Slack channel to submit your app for review.

    1:23
  2. Feedback

    Share your feedback and learn about next steps, including the FHIR Bootcamp.

    1:59