diff --git a/activities.py b/activities.py
index 6e7ce3b..875da48 100644
--- a/activities.py
+++ b/activities.py
@@ -1,7 +1,14 @@
 from temporalio import activity
-from obj import BookVacationInput
+import asyncio
+from dataclasses import dataclass
 
-import random
+
+@dataclass
+class BookVacationInput:
+    book_user_id: str
+    book_car_id: str
+    book_hotel_id: str
+    book_flight_id: str
 
 
 @activity.defn
@@ -18,26 +25,25 @@ async def book_hotel(input: BookVacationInput) -> str:
 
 @activity.defn
 async def book_flight(input: BookVacationInput) -> str:
-    seats_available = random.randint(0, 10)
-    try:
-        if seats_available < 1:
-            raise Exception("No seats remaining")
-        else:
-            print(f"Booking flight: {input.book_flight_id}")
-    except Exception:
-        raise Exception("No seats remaining")
+    if activity.info().attempt < 5:
+        activity.heartbeat(
+            f"Invoking activity, attempt number {activity.info().attempt}"
+        )
+        await asyncio.sleep(1)
+        raise RuntimeError("Service is down")
+    return f"Booking flight: {input.book_flight_id}\n"
 
 
 @activity.defn
 async def undo_book_car(input: BookVacationInput) -> str:
     print(f"Undoing booking of car: {input.book_car_id}")
-    return f"Undoing booking of car: {input.book_car_id}"
+    return f"Undoing booking of car: {input.book_car_id}\n"
 
 
 @activity.defn
 async def undo_book_hotel(input: BookVacationInput) -> str:
     print(f"Undoing booking of hotel: {input.book_hotel_id}")
-    return f"Undoing booking of hotel: {input.book_hotel_id}"
+    return f"Undoing booking of hotel: {input.book_hotel_id}\n"
 
 
 @activity.defn
diff --git a/book_workflow.py b/book_workflow.py
index 622cbc4..fb85240 100644
--- a/book_workflow.py
+++ b/book_workflow.py
@@ -3,19 +3,19 @@
 from temporalio.common import RetryPolicy
 
 with workflow.unsafe.imports_passed_through():
-    from activities import book_car, book_hotel, book_flight
-    from obj import BookVacationInput
+    from activities import book_car, book_hotel, book_flight, BookVacationInput
 
+ATTEMPTS_FLIGHT = 3
 
 @workflow.defn
 class BookWorkflow:
     @workflow.run
     async def run(self, input: BookVacationInput):
         compensations = []
-    
+
         try:
             compensations.append("undo_book_car")
-            await workflow.execute_activity(
+            output = " " + await workflow.execute_activity(
                 book_car,
                 input,
                 start_to_close_timeout=timedelta(seconds=10),
@@ -28,7 +28,7 @@ async def run(self, input: BookVacationInput):
                 ),
             )
             compensations.append("undo_book_hotel")
-            await workflow.execute_activity(
+            output += " " + await workflow.execute_activity(
                 book_hotel,
                 input,
                 start_to_close_timeout=timedelta(seconds=10),
@@ -42,7 +42,7 @@ async def run(self, input: BookVacationInput):
             )
 
             compensations.append("undo_book_flight")
-            await workflow.execute_activity(
+            output += " " + await workflow.execute_activity(
                 book_flight,
                 input,
                 start_to_close_timeout=timedelta(seconds=10),
@@ -50,11 +50,11 @@ async def run(self, input: BookVacationInput):
                 retry_policy=RetryPolicy(
                     initial_interval=timedelta(seconds=1),
                     maximum_interval=timedelta(seconds=1),
-                    maximum_attempts=3,
+                    maximum_attempts=ATTEMPTS_FLIGHT,
                     non_retryable_error_types=["Exception"],
                 ),
             )
-            return "Voyage booked"
+            return output
         except Exception:
             for compensation in reversed(compensations):
                 await workflow.execute_activity(
diff --git a/obj.py b/obj.py
deleted file mode 100644
index 647b877..0000000
--- a/obj.py
+++ /dev/null
@@ -1,8 +0,0 @@
-from dataclasses import dataclass
-
-
-@dataclass
-class BookVacationInput:
-    book_car_id: str
-    book_hotel_id: str
-    book_flight_id: str
diff --git a/poetry.lock b/poetry.lock
index 18fe11e..bfe4020 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -1,5 +1,160 @@
 # This file is automatically @generated by Poetry 1.4.0 and should not be changed by hand.
 
+[[package]]
+name = "asgiref"
+version = "3.6.0"
+description = "ASGI specs, helper code, and adapters"
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "asgiref-3.6.0-py3-none-any.whl", hash = "sha256:71e68008da809b957b7ee4b43dbccff33d1b23519fb8344e33f049897077afac"},
+    {file = "asgiref-3.6.0.tar.gz", hash = "sha256:9567dfe7bd8d3c8c892227827c41cce860b368104c3431da67a0c5a65a949506"},
+]
+
+[package.extras]
+tests = ["mypy (>=0.800)", "pytest", "pytest-asyncio"]
+
+[[package]]
+name = "click"
+version = "8.1.3"
+description = "Composable command line interface toolkit"
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "click-8.1.3-py3-none-any.whl", hash = "sha256:bb4d8133cb15a609f44e8213d9b391b0809795062913b383c62be0ee95b1db48"},
+    {file = "click-8.1.3.tar.gz", hash = "sha256:7682dc8afb30297001674575ea00d1814d808d6a36af415a82bd481d37ba7b8e"},
+]
+
+[package.dependencies]
+colorama = {version = "*", markers = "platform_system == \"Windows\""}
+
+[[package]]
+name = "colorama"
+version = "0.4.6"
+description = "Cross-platform colored terminal text."
+category = "main"
+optional = false
+python-versions = "!=3.0.*,!=3.1.*,!=3.2.*,!=3.3.*,!=3.4.*,!=3.5.*,!=3.6.*,>=2.7"
+files = [
+    {file = "colorama-0.4.6-py2.py3-none-any.whl", hash = "sha256:4f1d9991f5acc0ca119f9d443620b77f9d6b33703e51011c16baf57afb285fc6"},
+    {file = "colorama-0.4.6.tar.gz", hash = "sha256:08695f5cb7ed6e0531a20572697297273c47b8cae5a63ffc6d6ed5c201be6e44"},
+]
+
+[[package]]
+name = "flask"
+version = "2.2.3"
+description = "A simple framework for building complex web applications."
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "Flask-2.2.3-py3-none-any.whl", hash = "sha256:c0bec9477df1cb867e5a67c9e1ab758de9cb4a3e52dd70681f59fa40a62b3f2d"},
+    {file = "Flask-2.2.3.tar.gz", hash = "sha256:7eb373984bf1c770023fce9db164ed0c3353cd0b53f130f4693da0ca756a2e6d"},
+]
+
+[package.dependencies]
+asgiref = {version = ">=3.2", optional = true, markers = "extra == \"async\""}
+click = ">=8.0"
+itsdangerous = ">=2.0"
+Jinja2 = ">=3.0"
+Werkzeug = ">=2.2.2"
+
+[package.extras]
+async = ["asgiref (>=3.2)"]
+dotenv = ["python-dotenv"]
+
+[[package]]
+name = "itsdangerous"
+version = "2.1.2"
+description = "Safely pass data to untrusted environments and back."
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "itsdangerous-2.1.2-py3-none-any.whl", hash = "sha256:2c2349112351b88699d8d4b6b075022c0808887cb7ad10069318a8b0bc88db44"},
+    {file = "itsdangerous-2.1.2.tar.gz", hash = "sha256:5dbbc68b317e5e42f327f9021763545dc3fc3bfe22e6deb96aaf1fc38874156a"},
+]
+
+[[package]]
+name = "jinja2"
+version = "3.1.2"
+description = "A very fast and expressive template engine."
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "Jinja2-3.1.2-py3-none-any.whl", hash = "sha256:6088930bfe239f0e6710546ab9c19c9ef35e29792895fed6e6e31a023a182a61"},
+    {file = "Jinja2-3.1.2.tar.gz", hash = "sha256:31351a702a408a9e7595a8fc6150fc3f43bb6bf7e319770cbc0db9df9437e852"},
+]
+
+[package.dependencies]
+MarkupSafe = ">=2.0"
+
+[package.extras]
+i18n = ["Babel (>=2.7)"]
+
+[[package]]
+name = "markupsafe"
+version = "2.1.2"
+description = "Safely add untrusted strings to HTML/XML markup."
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "MarkupSafe-2.1.2-cp310-cp310-macosx_10_9_universal2.whl", hash = "sha256:665a36ae6f8f20a4676b53224e33d456a6f5a72657d9c83c2aa00765072f31f7"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:340bea174e9761308703ae988e982005aedf427de816d1afe98147668cc03036"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:22152d00bf4a9c7c83960521fc558f55a1adbc0631fbb00a9471e097b19d72e1"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:28057e985dace2f478e042eaa15606c7efccb700797660629da387eb289b9323"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:ca244fa73f50a800cf8c3ebf7fd93149ec37f5cb9596aa8873ae2c1d23498601"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:d9d971ec1e79906046aa3ca266de79eac42f1dbf3612a05dc9368125952bd1a1"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-musllinux_1_1_i686.whl", hash = "sha256:7e007132af78ea9df29495dbf7b5824cb71648d7133cf7848a2a5dd00d36f9ff"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:7313ce6a199651c4ed9d7e4cfb4aa56fe923b1adf9af3b420ee14e6d9a73df65"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-win32.whl", hash = "sha256:c4a549890a45f57f1ebf99c067a4ad0cb423a05544accaf2b065246827ed9603"},
+    {file = "MarkupSafe-2.1.2-cp310-cp310-win_amd64.whl", hash = "sha256:835fb5e38fd89328e9c81067fd642b3593c33e1e17e2fdbf77f5676abb14a156"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:2ec4f2d48ae59bbb9d1f9d7efb9236ab81429a764dedca114f5fdabbc3788013"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:608e7073dfa9e38a85d38474c082d4281f4ce276ac0010224eaba11e929dd53a"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:65608c35bfb8a76763f37036547f7adfd09270fbdbf96608be2bead319728fcd"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f2bfb563d0211ce16b63c7cb9395d2c682a23187f54c3d79bfec33e6705473c6"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:da25303d91526aac3672ee6d49a2f3db2d9502a4a60b55519feb1a4c7714e07d"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:9cad97ab29dfc3f0249b483412c85c8ef4766d96cdf9dcf5a1e3caa3f3661cf1"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-musllinux_1_1_i686.whl", hash = "sha256:085fd3201e7b12809f9e6e9bc1e5c96a368c8523fad5afb02afe3c051ae4afcc"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:1bea30e9bf331f3fef67e0a3877b2288593c98a21ccb2cf29b74c581a4eb3af0"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-win32.whl", hash = "sha256:7df70907e00c970c60b9ef2938d894a9381f38e6b9db73c5be35e59d92e06625"},
+    {file = "MarkupSafe-2.1.2-cp311-cp311-win_amd64.whl", hash = "sha256:e55e40ff0cc8cc5c07996915ad367fa47da6b3fc091fdadca7f5403239c5fec3"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-macosx_10_9_x86_64.whl", hash = "sha256:a6e40afa7f45939ca356f348c8e23048e02cb109ced1eb8420961b2f40fb373a"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:cf877ab4ed6e302ec1d04952ca358b381a882fbd9d1b07cccbfd61783561f98a"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:63ba06c9941e46fa389d389644e2d8225e0e3e5ebcc4ff1ea8506dce646f8c8a"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:f1cd098434e83e656abf198f103a8207a8187c0fc110306691a2e94a78d0abb2"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-musllinux_1_1_aarch64.whl", hash = "sha256:55f44b440d491028addb3b88f72207d71eeebfb7b5dbf0643f7c023ae1fba619"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-musllinux_1_1_i686.whl", hash = "sha256:a6f2fcca746e8d5910e18782f976489939d54a91f9411c32051b4aab2bd7c513"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-musllinux_1_1_x86_64.whl", hash = "sha256:0b462104ba25f1ac006fdab8b6a01ebbfbce9ed37fd37fd4acd70c67c973e460"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-win32.whl", hash = "sha256:7668b52e102d0ed87cb082380a7e2e1e78737ddecdde129acadb0eccc5423859"},
+    {file = "MarkupSafe-2.1.2-cp37-cp37m-win_amd64.whl", hash = "sha256:6d6607f98fcf17e534162f0709aaad3ab7a96032723d8ac8750ffe17ae5a0666"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-macosx_10_9_universal2.whl", hash = "sha256:a806db027852538d2ad7555b203300173dd1b77ba116de92da9afbc3a3be3eed"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:a4abaec6ca3ad8660690236d11bfe28dfd707778e2442b45addd2f086d6ef094"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f03a532d7dee1bed20bc4884194a16160a2de9ffc6354b3878ec9682bb623c54"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:4cf06cdc1dda95223e9d2d3c58d3b178aa5dacb35ee7e3bbac10e4e1faacb419"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:22731d79ed2eb25059ae3df1dfc9cb1546691cc41f4e3130fe6bfbc3ecbbecfa"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-musllinux_1_1_aarch64.whl", hash = "sha256:f8ffb705ffcf5ddd0e80b65ddf7bed7ee4f5a441ea7d3419e861a12eaf41af58"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-musllinux_1_1_i686.whl", hash = "sha256:8db032bf0ce9022a8e41a22598eefc802314e81b879ae093f36ce9ddf39ab1ba"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-musllinux_1_1_x86_64.whl", hash = "sha256:2298c859cfc5463f1b64bd55cb3e602528db6fa0f3cfd568d3605c50678f8f03"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-win32.whl", hash = "sha256:50c42830a633fa0cf9e7d27664637532791bfc31c731a87b202d2d8ac40c3ea2"},
+    {file = "MarkupSafe-2.1.2-cp38-cp38-win_amd64.whl", hash = "sha256:bb06feb762bade6bf3c8b844462274db0c76acc95c52abe8dbed28ae3d44a147"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-macosx_10_9_universal2.whl", hash = "sha256:99625a92da8229df6d44335e6fcc558a5037dd0a760e11d84be2260e6f37002f"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:8bca7e26c1dd751236cfb0c6c72d4ad61d986e9a41bbf76cb445f69488b2a2bd"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:40627dcf047dadb22cd25ea7ecfe9cbf3bbbad0482ee5920b582f3809c97654f"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:40dfd3fefbef579ee058f139733ac336312663c6706d1163b82b3003fb1925c4"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-manylinux_2_5_i686.manylinux1_i686.manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:090376d812fb6ac5f171e5938e82e7f2d7adc2b629101cec0db8b267815c85e2"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-musllinux_1_1_aarch64.whl", hash = "sha256:2e7821bffe00aa6bd07a23913b7f4e01328c3d5cc0b40b36c0bd81d362faeb65"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-musllinux_1_1_i686.whl", hash = "sha256:c0a33bc9f02c2b17c3ea382f91b4db0e6cde90b63b296422a939886a7a80de1c"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-musllinux_1_1_x86_64.whl", hash = "sha256:b8526c6d437855442cdd3d87eede9c425c4445ea011ca38d937db299382e6fa3"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-win32.whl", hash = "sha256:137678c63c977754abe9086a3ec011e8fd985ab90631145dfb9294ad09c102a7"},
+    {file = "MarkupSafe-2.1.2-cp39-cp39-win_amd64.whl", hash = "sha256:0576fe974b40a400449768941d5d0858cc624e3249dfd1e0c33674e5c7ca7aed"},
+    {file = "MarkupSafe-2.1.2.tar.gz", hash = "sha256:abcabc8c2b26036d62d4c746381a6f7cf60aafcc653198ad678306986b09450d"},
+]
+
 [[package]]
 name = "protobuf"
 version = "4.22.1"
@@ -98,7 +253,25 @@ files = [
     {file = "typing_extensions-4.5.0.tar.gz", hash = "sha256:5cb5f4a79139d699607b3ef622a1dedafa84e115ab0024e0d9c044a9479ca7cb"},
 ]
 
+[[package]]
+name = "werkzeug"
+version = "2.2.3"
+description = "The comprehensive WSGI web application library."
+category = "main"
+optional = false
+python-versions = ">=3.7"
+files = [
+    {file = "Werkzeug-2.2.3-py3-none-any.whl", hash = "sha256:56433961bc1f12533306c624f3be5e744389ac61d722175d543e1751285da612"},
+    {file = "Werkzeug-2.2.3.tar.gz", hash = "sha256:2e1ccc9417d4da358b9de6f174e3ac094391ea1d4fbef2d667865d819dfd0afe"},
+]
+
+[package.dependencies]
+MarkupSafe = ">=2.1.1"
+
+[package.extras]
+watchdog = ["watchdog"]
+
 [metadata]
 lock-version = "2.0"
 python-versions = "^3.11"
-content-hash = "4378e329ce2e4f6c1d80ebd742a2170e723a9a1c5fb4e42265a03952cce6ef85"
+content-hash = "e5b0e672264816a5c8bb5054b803195ff534ffe911b6ee13d8d6fad80910ba7c"
diff --git a/pyproject.toml b/pyproject.toml
index 9988378..e5eaf1c 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -8,6 +8,7 @@ readme = "README.md"
 [tool.poetry.dependencies]
 python = "^3.11"
 ruff = "^0.0.246"
+flask = {extras = ["async"], version = "^2.2.3"}
 
 [tool.poetry.group.dev.dependencies]
 temporalio = "^1.1.0"
@@ -17,10 +18,11 @@ requires = ["poetry-core"]
 build-backend = "poetry.core.masonry.api"
 
 [tool.poe.tasks]
-format = [{cmd = "ruff --fix ./*.py"}]
+format = [{cmd = "ruff check --fix ."}]
 lint = [{cmd = "ruff check ./*.py"}]
 
 
 [tool.ruff]
 select = ["E", "F"]
-line-length = 120
\ No newline at end of file
+line-length = 120
+fix = true
\ No newline at end of file
diff --git a/run_workflow.py b/run_workflow.py
index 4bf1c4a..d3daf66 100644
--- a/run_workflow.py
+++ b/run_workflow.py
@@ -1,29 +1,61 @@
-import asyncio
 from temporalio.client import Client
 
 # Import the workflow from the previous code
 from book_workflow import BookWorkflow
-from obj import BookVacationInput
+from activities import BookVacationInput
+from flask import Flask, request, render_template
+import uuid
 
+app = Flask(__name__)
 
-async def main():
-    # Create client connected to server at the given address
-    client = await Client.connect("localhost:7233")
+
+@app.route("/")
+async def display_form():
+    return render_template("book_vacation.html")
+
+
+@app.route("/book", methods=["POST"])
+async def book_vacation():
+    user_id = f'{request.form.get("name")}-{str(uuid.uuid4( ))}'
+    car = request.form.get("car")
+    hotel = request.form.get("hotel")
+    flight = request.form.get("flight")
 
     input = BookVacationInput(
-        book_car_id="Toyota Camry",
-        book_hotel_id="Hilton",
-        book_flight_id="Alaska Airlines",
+        book_user_id=user_id,
+        book_car_id=car,
+        book_hotel_id=hotel,
+        book_flight_id=flight,
     )
+
+    client = await Client.connect("localhost:7233")
+
     result = await client.execute_workflow(
         BookWorkflow.run,
         input,
-        id="saga",
+        id=user_id,
         task_queue="saga-task-queue",
     )
+    if result == "Voyage cancelled":
+        return render_template("book_vacation.html", cancelled=True)
 
-    print(f"Result: {result}")
+    else:
+        print(result)
+        result_list = result.split("Booked ")
+        car = result_list[1].split(" Booking ")[0].title()
+        hotel = result_list[2].split(" Booking ")[0].title()
+        flight = result_list[2].split(" Booking ")[1].title()
+        print(user_id)
+        return render_template(
+            "book_vacation.html",
+            result=result,
+            cancelled=False,
+            car=car,
+            hotel=hotel,
+            flight=flight,
+            user_id=user_id,
+        )
 
 
 if __name__ == "__main__":
-    asyncio.run(main())
+    app.run(debug=True)
diff --git a/templates/book_vacation.html b/templates/book_vacation.html
new file mode 100644
index 0000000..2a0b8a7
--- /dev/null
+++ b/templates/book_vacation.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Book a Vacation</title>
+    <style>
+      body {
+        font-family: Arial, Helvetica, sans-serif;
+        background-color: #f7f7f7;
+      }
+
+      h1 {
+        color: #222222;
+        text-align: center;
+        margin-top: 30px;
+      }
+
+      form {
+        margin: 0 auto;
+        width: 50%;
+        background-color: #ffffff;
+        padding: 20px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+      }
+
+      label {
+        font-size: 18px;
+        font-weight: bold;
+        display: block;
+        margin-bottom: 10px;
+        color: #222222;
+      }
+
+      input[type="text"] {
+        font-size: 16px;
+        padding: 10px;
+        border: 2px solid #dddddd;
+        border-radius: 4px;
+        width: 100%;
+        margin-bottom: 20px;
+      }
+
+      input[type="submit"] {
+        font-size: 18px;
+        font-weight: bold;
+        background-color: #222222;
+        color: #ffffff;
+        border: none;
+        border-radius: 4px;
+        padding: 10px;
+        width: 100%;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+      }
+
+      input[type="submit"]:hover {
+        background-color: #444444;
+      }
+
+      h2 {
+        font-size: 24px;
+        font-weight: bold;
+        color: #222222;
+        margin-top: 30px;
+      }
+
+      p {
+        font-size: 18px;
+        color: #444444;
+        margin-bottom: 10px;
+      }
+
+      .cancelled {
+        background-color: #ffe6e6;
+        border: 2px solid #ff9999;
+        padding: 10px;
+        margin-top: 20px;
+      }
+
+      .booking-result {
+        background-color: #e6ffe6;
+        border: 2px solid #99ff99;
+        padding: 10px;
+        margin-top: 20px;
+      }
+
+      .booking-result p {
+        margin-bottom: 5px;
+      }
+    </style>
+          <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
+  <body>
+    <h1>Book a Vacation</h1>
+    <form method="post" action="/book">
+      <label for="name">Name:</label>
+      <input
+        type="text"
+        name="name"
+        id="name"
+        value="Your Temporal User"
+        required
+        placeholder="Your Temporal User"
+      /><br />
+    <form method="post" action="/book">
+      <label for="car">Car:</label>
+      <input
+        type="text"
+        name="car"
+        id="car"
+        value="Toyota Supra"
+        required
+        placeholder="Toyota Supra"
+      /><br />
+
+      <label for="hotel">Hotel:</label>
+      <input
+        type="text"
+        name="hotel"
+        id="hotel"
+        value="Hilton 123"
+        required
+        placeholder="Hilton 123"
+      /><br />
+
+      <label for="flight">Flight:</label>
+      <input
+        type="text"
+        name="flight"
+        id="flight"
+        value="Alaska Airlines 123"
+        required
+        placeholder="Alaska Airlines 123"
+      /><br />
+
+      <input type="submit" value="Book" />
+    </form>
+
+    {% if cancelled %}
+    <div class="canceled">
+      <h2>Booking Canceled</h2>
+      <p>Undoing Car</p>
+      <p>Undoing Hotel</p>
+      <p>Undoing Flight</p>
+    </div>
+    {% endif %} {% if result %}
+    <div class="result">
+      <h2>Booking Result</h2>
+      <p>{{ car }}</p>
+      <p>{{ hotel }}</p>
+      <p>{{ flight }}</p>
+      <p>Confirmation Number: {{ user_id }}</p>
+    </div>
+    {% endif %}
+  </body>
+</html>