diff --git a/client/package-lock.json b/client/package-lock.json
index 2219d31f..97e374b1 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -9,10 +9,12 @@
 			"version": "0.0.1",
 			"devDependencies": {
 				"@fortawesome/free-solid-svg-icons": "^6.2.1",
+				"@googlemaps/js-api-loader": "^1.16.8",
 				"@playwright/test": "^1.28.1",
 				"@sveltejs/adapter-auto": "^1.0.0",
 				"@sveltejs/kit": "^1.0.0",
 				"@types/base-64": "^1.0.0",
+				"@types/google.maps": "^3.55.12",
 				"@typescript-eslint/eslint-plugin": "^5.45.0",
 				"@typescript-eslint/parser": "^5.45.0",
 				"@urql/core": "^3.1.1",
@@ -24,6 +26,7 @@
 				"eslint-config-prettier": "^8.5.0",
 				"eslint-plugin-svelte3": "^4.0.0",
 				"graphql": "^16.6.0",
+				"graphql-ws": "^5.16.0",
 				"prettier": "^2.8.0",
 				"prettier-plugin-svelte": "^2.8.1",
 				"shelljs": "^0.8.5",
@@ -489,6 +492,13 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/@googlemaps/js-api-loader": {
+			"version": "1.16.8",
+			"resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.8.tgz",
+			"integrity": "sha512-CROqqwfKotdO6EBjZO/gQGVTbeDps5V7Mt9+8+5Q+jTg5CRMi3Ii/L9PmV3USROrt2uWxtGzJHORmByxyo9pSQ==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.11.8",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -681,6 +691,13 @@
 			"integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
 			"dev": true
 		},
+		"node_modules/@types/google.maps": {
+			"version": "3.55.12",
+			"resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.55.12.tgz",
+			"integrity": "sha512-Q8MsLE+YYIrE1H8wdN69YHHAF8h7ApvF5MiMXh/zeCpP9Ut745mV9M0F4X4eobZ2WJe9k8tW2ryYjLa87IO2Sg==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@types/json-schema": {
 			"version": "7.0.11",
 			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -903,10 +920,11 @@
 			}
 		},
 		"node_modules/@urql/core": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/@urql/core/-/core-3.1.1.tgz",
-			"integrity": "sha512-Mnxtq4I4QeFJsgs7Iytw+HyhiGxISR6qtyk66c9tipozLZ6QVxrCiUPF2HY4BxNIabaxcp+rivadvm8NAnXj4Q==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@urql/core/-/core-3.2.2.tgz",
+			"integrity": "sha512-i046Cz8cZ4xIzGMTyHZrbdgzcFMcKD7+yhCAH5FwWBRjcKrc+RjEOuR9X5AMuBvr8c6IAaE92xAqa4wmlGfWTQ==",
 			"dev": true,
+			"license": "MIT",
 			"dependencies": {
 				"wonka": "^6.1.2"
 			},
@@ -1841,6 +1859,22 @@
 				"node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
 			}
 		},
+		"node_modules/graphql-ws": {
+			"version": "5.16.0",
+			"resolved": "https://registry.npmjs.org/graphql-ws/-/graphql-ws-5.16.0.tgz",
+			"integrity": "sha512-Ju2RCU2dQMgSKtArPbEtsK5gNLnsQyTNIo/T7cZNp96niC1x0KdJNZV0TIoilceBPQwfb5itrGl8pkFeOUMl4A==",
+			"dev": true,
+			"license": "MIT",
+			"workspaces": [
+				"website"
+			],
+			"engines": {
+				"node": ">=10"
+			},
+			"peerDependencies": {
+				"graphql": ">=0.11 <=16"
+			}
+		},
 		"node_modules/has": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -3207,10 +3241,11 @@
 			}
 		},
 		"node_modules/wonka": {
-			"version": "6.1.2",
-			"resolved": "https://registry.npmjs.org/wonka/-/wonka-6.1.2.tgz",
-			"integrity": "sha512-zNrXPMccg/7OEp9tSfFkMgTvhhowqasiSHdJ3eCZolXxVTV/aT6HUTofoZk9gwRbGoFey/Nss3JaZKUMKMbofg==",
-			"dev": true
+			"version": "6.3.4",
+			"resolved": "https://registry.npmjs.org/wonka/-/wonka-6.3.4.tgz",
+			"integrity": "sha512-CjpbqNtBGNAeyNS/9W6q3kSkKE52+FjIj7AkFlLr11s/VWGUu6a2CdYSdGxocIhIVjaW/zchesBQUKPVU69Cqg==",
+			"dev": true,
+			"license": "MIT"
 		},
 		"node_modules/word-wrap": {
 			"version": "1.2.3",
@@ -3489,6 +3524,12 @@
 				"@fortawesome/fontawesome-common-types": "6.2.1"
 			}
 		},
+		"@googlemaps/js-api-loader": {
+			"version": "1.16.8",
+			"resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.8.tgz",
+			"integrity": "sha512-CROqqwfKotdO6EBjZO/gQGVTbeDps5V7Mt9+8+5Q+jTg5CRMi3Ii/L9PmV3USROrt2uWxtGzJHORmByxyo9pSQ==",
+			"dev": true
+		},
 		"@humanwhocodes/config-array": {
 			"version": "0.11.8",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -3632,6 +3673,12 @@
 			"integrity": "sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==",
 			"dev": true
 		},
+		"@types/google.maps": {
+			"version": "3.55.12",
+			"resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.55.12.tgz",
+			"integrity": "sha512-Q8MsLE+YYIrE1H8wdN69YHHAF8h7ApvF5MiMXh/zeCpP9Ut745mV9M0F4X4eobZ2WJe9k8tW2ryYjLa87IO2Sg==",
+			"dev": true
+		},
 		"@types/json-schema": {
 			"version": "7.0.11",
 			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -3765,9 +3812,9 @@
 			}
 		},
 		"@urql/core": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/@urql/core/-/core-3.1.1.tgz",
-			"integrity": "sha512-Mnxtq4I4QeFJsgs7Iytw+HyhiGxISR6qtyk66c9tipozLZ6QVxrCiUPF2HY4BxNIabaxcp+rivadvm8NAnXj4Q==",
+			"version": "3.2.2",
+			"resolved": "https://registry.npmjs.org/@urql/core/-/core-3.2.2.tgz",
+			"integrity": "sha512-i046Cz8cZ4xIzGMTyHZrbdgzcFMcKD7+yhCAH5FwWBRjcKrc+RjEOuR9X5AMuBvr8c6IAaE92xAqa4wmlGfWTQ==",
 			"dev": true,
 			"requires": {
 				"wonka": "^6.1.2"
@@ -4474,6 +4521,13 @@
 			"integrity": "sha512-KPIBPDlW7NxrbT/eh4qPXz5FiFdL5UbaA0XUNz2Rp3Z3hqBSkbj0GVjwFDztsWVauZUWsbKHgMg++sk8UX0bkw==",
 			"dev": true
 		},
+		"graphql-ws": {
+			"version": "5.16.0",
+			"resolved": "https://registry.npmjs.org/graphql-ws/-/graphql-ws-5.16.0.tgz",
+			"integrity": "sha512-Ju2RCU2dQMgSKtArPbEtsK5gNLnsQyTNIo/T7cZNp96niC1x0KdJNZV0TIoilceBPQwfb5itrGl8pkFeOUMl4A==",
+			"dev": true,
+			"requires": {}
+		},
 		"has": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -5370,9 +5424,9 @@
 			}
 		},
 		"wonka": {
-			"version": "6.1.2",
-			"resolved": "https://registry.npmjs.org/wonka/-/wonka-6.1.2.tgz",
-			"integrity": "sha512-zNrXPMccg/7OEp9tSfFkMgTvhhowqasiSHdJ3eCZolXxVTV/aT6HUTofoZk9gwRbGoFey/Nss3JaZKUMKMbofg==",
+			"version": "6.3.4",
+			"resolved": "https://registry.npmjs.org/wonka/-/wonka-6.3.4.tgz",
+			"integrity": "sha512-CjpbqNtBGNAeyNS/9W6q3kSkKE52+FjIj7AkFlLr11s/VWGUu6a2CdYSdGxocIhIVjaW/zchesBQUKPVU69Cqg==",
 			"dev": true
 		},
 		"word-wrap": {
diff --git a/client/package.json b/client/package.json
index 74ab9338..c00f8fc4 100644
--- a/client/package.json
+++ b/client/package.json
@@ -15,10 +15,12 @@
 	},
 	"devDependencies": {
 		"@fortawesome/free-solid-svg-icons": "^6.2.1",
+		"@googlemaps/js-api-loader": "^1.16.8",
 		"@playwright/test": "^1.28.1",
 		"@sveltejs/adapter-auto": "^1.0.0",
 		"@sveltejs/kit": "^1.0.0",
 		"@types/base-64": "^1.0.0",
+		"@types/google.maps": "^3.55.12",
 		"@typescript-eslint/eslint-plugin": "^5.45.0",
 		"@typescript-eslint/parser": "^5.45.0",
 		"@urql/core": "^3.1.1",
@@ -30,6 +32,7 @@
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"graphql": "^16.6.0",
+		"graphql-ws": "^5.16.0",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.8.1",
 		"shelljs": "^0.8.5",
diff --git a/client/src/graphql/client.ts b/client/src/graphql/client.ts
index f595ac64..6ff2bfbc 100644
--- a/client/src/graphql/client.ts
+++ b/client/src/graphql/client.ts
@@ -1,4 +1,4 @@
-import { createClient, defaultExchanges } from '@urql/core';
+import { createClient, cacheExchange, fetchExchange } from '@urql/core';
 import type { ClientOptions } from '@urql/core';
 import { getIdToken } from '../auth/cognito';
 import b64 from 'base-64';
@@ -9,7 +9,7 @@ const url: string = b64.decode(process.env.GRAPHQL_URI as string)?.trim() + '/'
 
 const clientOpts: ClientOptions = {
 	url,
-	exchanges: defaultExchanges,
+	exchanges: [cacheExchange, fetchExchange],
 	maskTypename: true,
 	fetchOptions: {
 		credentials: 'same-origin'
diff --git a/client/src/routes/+layout.svelte b/client/src/routes/+layout.svelte
index 65a88e7d..db25792a 100644
--- a/client/src/routes/+layout.svelte
+++ b/client/src/routes/+layout.svelte
@@ -1,11 +1,16 @@
 <script lang="ts">
-	import MobileLayout from '../containers/MobileLayout.svelte';
-	import client from '../graphql/client';
-	import c from '../utils/constants'
-	import { setContext } from 'svelte';
-	setContext(c.CLIENT_CTX_KEY, client);
+    import MobileLayout from '../containers/MobileLayout.svelte';
+    import client from '../graphql/client';
+    import c from '../utils/constants';
+    import { setContext } from 'svelte';
+    import { page } from '$app/stores';
+    setContext(c.CLIENT_CTX_KEY, client);
 </script>
 
-<MobileLayout>
-	<slot />
-</MobileLayout>
+{#if $page.url.pathname !== '/measure'}
+    <MobileLayout>
+        <slot />
+    </MobileLayout>
+{:else}
+    <slot />
+{/if}
\ No newline at end of file
diff --git a/client/src/routes/measure/+page.svelte b/client/src/routes/measure/+page.svelte
new file mode 100644
index 00000000..3a8783f9
--- /dev/null
+++ b/client/src/routes/measure/+page.svelte
@@ -0,0 +1,282 @@
+<script lang="ts">
+	import { Loader } from '@googlemaps/js-api-loader';
+	import { onMount } from 'svelte';
+	import b64 from 'base-64';
+	import { createClient as createWSClient } from 'graphql-ws';
+
+	let searchQuery = '';
+	let price = 0.0;
+	let priceTag: HTMLDivElement;
+	let map: google.maps.Map;
+	let markers = [] as any[]; // todo: google.maps.marker.AdvancedMarkerElement does not expect setMap method
+	let currentWsClient: { dispose: () => void } | null = null;
+	let messageCount = 0;
+
+	async function subscribeGdp(
+		date: string,
+		country: string,
+		region: string,
+		municipality: string | null
+	) {
+		// terminate previous websocket connection
+		if (currentWsClient) {
+			currentWsClient.dispose();
+			currentWsClient = null;
+		}
+
+		const wsClient = createWSClient({
+			url: b64.decode(process.env.GRAPHQL_SUBSCRIPTIONS_URI as string)
+		});
+		currentWsClient = wsClient;
+
+		const query = `subscription QueryGdp($date: String!, $country: String, $region: String, $municipality: String) {
+            queryGdp(date: $date, country: $country, region: $region, municipality: $municipality)
+        }`;
+		const variables: any = { date, country, region };
+		if (municipality) {
+			variables.municipality = municipality;
+		}
+
+		const subscription: any = wsClient.iterate({
+			query,
+			variables
+		});
+
+		messageCount = 0;
+		for await (const { data } of subscription) {
+			messageCount++;
+			price = data.queryGdp.toFixed(3);
+		}
+	}
+
+	const loader = new Loader({
+		apiKey: b64.decode(process.env.GOOGLE_MAPS_API_KEY as string),
+		version: 'weekly',
+		libraries: ['maps', 'marker', 'places']
+	});
+
+	async function handleSearch(event: Event) {
+		event.preventDefault();
+
+		// parse location from search query
+		let location;
+		if (searchQuery.includes('gdp')) {
+			location = searchQuery.split('gdp')[0].trim();
+		} else {
+			location = searchQuery.split('revenue')[0].trim();
+		}
+
+		// temp hack to handle 'StateOfCalifornia revenue now'
+		// if location contains 'StateOfCalifornia', replace with 'sacramento california'
+		if (location.includes('StateOfCalifornia')) {
+			location = 'sacramento california';
+		}
+
+		const queryVars = parseQuery(location);
+		changeMapCenter(location);
+		await subscribeGdp(queryVars.time, queryVars.country, queryVars.region, queryVars.municipality);
+	}
+
+	function toTitleCase(str: string) {
+		return str.replace(/\w\S*/g, function (txt) {
+			return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+		});
+	}
+
+	// minimal poc:
+	// 'riverside california gdp now'
+	// 'StateOfCalifornia revenue now'
+	// 'california gdp now'
+	function parseQuery(location: string) {
+		// poc hardcoding
+		const time = new Date().toISOString().split('T')[0]; // 2021-09-01
+		let country = 'United States of America';
+		let region = 'California';
+
+		// poc location args can be length 1 or 2
+		let locations = location.split(' ');
+		// if length 1, municipality is null
+		let municipality = null;
+		// if length 2, parse municipality
+		if (locations.length === 2) {
+			municipality = toTitleCase(locations[0]);
+		}
+		return { time, country, region, municipality };
+	}
+
+	function initMap() {
+		loader.load().then((google) => {
+			const { Map } = google.maps;
+			map = new Map(document.getElementById('map') as HTMLElement, {
+				center: { lat: 39.8283, lng: -98.5795 }, // usa coordinates
+				zoom: 4,
+				mapId: '4504f8b37365c3d0'
+			});
+		});
+	}
+
+	function waitForMessages() {
+		const interval = setInterval(() => {
+			if (messageCount > 0) {
+				clearInterval(interval);
+				setTimeout(() => {
+					priceTag.style.opacity = '1';
+				}, 250); // fade in after 0.25 seconds
+			}
+		}, 100); // check every 100 milliseconds
+	}
+
+	function changeMapCenter(location: string) {
+		if (map) {
+			// clear existing markers
+			markers.forEach((marker) => marker.setMap(null));
+			markers = [];
+
+			const geocoder = new google.maps.Geocoder();
+			geocoder.geocode({ address: location }, (results, status) => {
+				if (status === 'OK' && results && results.length > 0) {
+					let location = results[0].geometry.location;
+					map.setCenter(location);
+					let zoomLevel;
+					const types = results[0].types;
+					if (types.includes('country')) {
+						zoomLevel = 4; // Country level zoom
+					} else if (types.includes('administrative_area_level_1')) {
+						zoomLevel = 5; // State level zoom
+					} else if (types.includes('locality')) {
+						zoomLevel = 10; // City level zoom
+					} else {
+						zoomLevel = 12; // Default zoom for specific addresses
+					}
+
+					map.setZoom(zoomLevel);
+
+					const { AdvancedMarkerElement } = google.maps.marker;
+
+					priceTag = document.createElement('div');
+					priceTag.textContent = `$${price}k`;
+
+					const priceTagstyles = {
+						backgroundColor: '#4285f4',
+						borderRadius: '8px',
+						color: '#ffffff',
+						fontSize: '14px',
+						padding: '10px 15px',
+						position: 'relative',
+						top: '-15px',
+						opacity: '0',
+						transition: 'opacity 0.5s ease-in'
+					};
+
+					Object.assign(priceTag.style, priceTagstyles);
+
+					const pseudoElement = document.createElement('div');
+
+					const pseudoElementStyles = {
+						content: '""',
+						position: 'absolute',
+						left: '50%',
+						top: '100%',
+						transform: 'translate(-50%, 0)',
+						width: '0',
+						height: '0',
+						borderLeft: '8px solid transparent',
+						borderRight: '8px solid transparent',
+						borderTop: '8px solid #4285F4'
+					};
+
+					Object.assign(pseudoElement.style, pseudoElementStyles);
+
+					priceTag.appendChild(pseudoElement);
+
+					const market = new AdvancedMarkerElement({
+						map,
+						position: location,
+						content: priceTag
+					});
+
+					markers.push(market);
+
+					waitForMessages();
+				} else {
+					console.error('geocode not successful:', status);
+				}
+			});
+		}
+	}
+
+	onMount(() => {
+		initMap();
+	});
+
+	$: if (priceTag) {
+		priceTag.textContent = `${price}`;
+	}
+</script>
+
+<div class="search-bar-container">
+	<form class="search-bar" on:submit={handleSearch}>
+		<input
+			type="text"
+			class="search-input"
+			placeholder="Search for 'california gdp now'"
+			bind:value={searchQuery}
+		/>
+	</form>
+</div>
+
+<div class="map-container">
+	<div id="map" />
+</div>
+
+<style>
+	:global(html),
+	:global(body) {
+		background: white;
+		margin: 0;
+		padding: 0;
+		width: 100%;
+		height: 100%;
+		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+			Cantarell, 'Helvetica Neue', sans-serif;
+	}
+
+	.search-bar-container {
+		position: absolute;
+		top: 5px; /* Adjust as needed */
+		left: 50%;
+		transform: translateX(-50%);
+		z-index: 10;
+		width: 80%; /* Adjust to span 80% of the screen */
+		padding: 10px;
+		box-sizing: border-box;
+	}
+
+	.search-bar {
+		width: 100%; /* Full width within the search bar container */
+	}
+
+	.search-input {
+		width: calc(100% - 22px); /* Reduce width by 5px */
+		padding: 10px;
+		margin: 15px 0; /* Increase margin around the search input */
+		font-size: 16px;
+		border: 1px solid #ccc;
+		border-radius: 6px;
+	}
+
+	.map-container {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 100%;
+		height: 100vh; /* Full viewport height */
+		padding: 20px;
+		box-sizing: border-box;
+	}
+
+	#map {
+		width: 80%; /* 80% width to leave 10% margin on each side */
+		height: 100%; /* Full height within the container */
+	}
+</style>
diff --git a/makefile b/makefile
index 9953b98d..05520ea8 100644
--- a/makefile
+++ b/makefile
@@ -247,6 +247,10 @@ restore-testseed:
 insert:
 	@$(MAKE) -C ./migrations insert
 
+continue-insert:
+	bash scripts/manage-redis.sh --flush
+	bash scripts/insert-transactions.sh --continue
+
 ###################### secrets ######################
 
 clean-env:
diff --git a/project.yaml b/project.yaml
index b05066b9..22f07518 100644
--- a/project.yaml
+++ b/project.yaml
@@ -40,11 +40,17 @@ client:
       CLIENT_PORT:
         ssm: null
         default: 10009
+      GOOGLE_MAPS_API_KEY:
+        ssm: null
+        # todo: precommit hook requiring null
+        default: null
     get:
       - POOL_ID
       - CLIENT_ID
       - GRAPHQL_URI
       - CLIENT_PORT
+      - GOOGLE_MAPS_API_KEY
+      - GRAPHQL_SUBSCRIPTIONS_URI
   params:
     - ENABLE_API_AUTH
 crates:
@@ -159,6 +165,9 @@ infrastructure:
               GRAPHQL_URI:
                 ssm: api/graphql/uri
                 default: null # script sets as localhost:$PORT
+              GRAPHQL_SUBSCRIPTIONS_URI:
+                ssm: null
+                default: null
               REQUEST_CREATE_URL:
                 ssm: service/lambda/request_create/url
                 default: null
diff --git a/scripts/create-env-file.sh b/scripts/create-env-file.sh
index 319b4f40..73966bda 100644
--- a/scripts/create-env-file.sh
+++ b/scripts/create-env-file.sh
@@ -84,6 +84,16 @@ function set_default_values() {
 			else
 				echo "$s=$HOST:$PORT_VAL" >> $ENV_FILE
 			fi
+		elif [[ "$s" == 'GRAPHQL_SUBSCRIPTIONS_URI' ]]; then
+			SVC_NAME=$(printf '%s' "$s" | sed 's/_SUBSCRIPTIONS_URI//')
+			PORT_ENV_VAR="$SVC_NAME"_PORT
+			PORT_VAL=$(yq "... | select(has(\"$PORT_ENV_VAR\")).$PORT_ENV_VAR.default" $PROJECT_CONF)
+			# todo: handle in scripts/set-uri-vars.sh
+			if [[ $GITPOD_WORKSPACE_URL ]] || [[ $CODESPACES ]]; then
+				echo "$s=$GRAPHQL_URI" >> $ENV_FILE
+			else
+				echo "$s=ws://$LOCAL_ADDRESS:$PORT_VAL/ws" >> $ENV_FILE
+			fi
 		elif [[ "$s" == 'CLIENT_URI' ]]; then # todo: change CLIENT_URI to CLIENT_URL
 			SVC_NAME=$(printf '%s' "$s" | sed 's/_URI//')
 			PORT_ENV_VAR="$SVC_NAME"_PORT