{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/e5b14adb4f9e40c8ad397568b9ca477a\" frameborder=\"0\" width=\"1662\" height=\"1246\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1246,"width":1662,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1246,"thumbnail_width":1662,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/e5b14adb4f9e40c8ad397568b9ca477a-ab5610d1257e7dea.gif","duration":757.761,"title":"Quote Comparison App Build Walkthrough 😀","description":"I’m walking through my quote comparison app demo and how I built it end to end. The landing page loads quotes from Mongo, shows unit costs and total price by quantity and shipping, and highlights best price versus highest price plus a top pick based on overall price, lead time, and supplier rating. I used a Vite React front end with TanStack Router and TanStack Query, plus a simple Express API with Mongo via Mongoose and TypeGoose. I then normalized values and computed heatmap colors and dynamic table widths. No action is requested from viewers."}