{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/a220c61614634d92a8f7920ada8e0187\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/os/loom-media-content/loom/b2b822d1-6a18-45d9-9921-99be76b0e4bd/7c35f314-912d-47a0-aeaf-6ab2cf3b0c0f/sessions-thumbnails-a220c61614634d92a8f7920ada8e0187-31c0f30a7039a8c7.gif/binary?authToken=eyJraWQiOiJtaWNyb3MtZ3JvdXAvdGRwLW9zLWFyY2hldHlwZS9xOXVsZGNqYTRwbnE3Y2N1IiwiYWxnIjoiUlMyNTYifQ.eyJicyI6Imxvb20tbWVkaWEtY29udGVudCIsImF1ZCI6InRkcC1vcy1hcmNoZXR5cGUiLCJuYmYiOjE3OTM4MTUzOTIsInRpIjoiOTk0YWQ1NmEtNWQ1ZC00NjhmLWJmZDQtMDFhN2VjMTJjNjI1IiwiYWRpIjoibG9vbS9sb29tIiwiaXNzIjoibWljcm9zLWdyb3VwL3RkcC1vcy1hcmNoZXR5cGUiLCJwaWQiOiIwMDhmMmE0My1mNzVjLTQ2YTgtYmI1ZS0wOTZmZTBhYjQ5NmUiLCJ3YSI6ImZhbHNlIiwib2lkIjoic2Vzc2lvbnMtdGh1bWJuYWlscy1hMjIwYzYxNjE0NjM0ZDkyYThmNzkyMGFkYThlMDE4Ny0zMWMwZjMwYTcwMzlhOGM3LmdpZiIsImV4cCI6MTc5MzgxNTk5MiwiaWF0IjoxNzkzODE1MzkyLCJqdGkiOiJkNmVmNmQxZC0zNTY2LTRhZTAtYTY1Ny1jMzU5OGM2ODY2ODcifQ.ilWmN23GGVDsrBB0yhlkzsxNzTJGGeWKW5Gy_4-xf-om-qsARfp2igX67FsC1Fyff0pjCuDby85ObM4OC78ybQDsFwKktAHno4O9TGGjFsOGg_onN--szFbbqaYaNnYmn6Rl2VfHACTX_TPybmhf6Fsc6yS4Hz8CtWwM8qHFXk_13nIeAm9X8gcue5SN1p1XUXwwk_lXSLpXqCBtqo3-7KzHO2dfEmVKYGJrKNW7B1MuU_uFF1L5XOSe8W4TAk4fTz88az1BMmnd1dqF51x_npX52D6GoQG5_XxofW0FqfH3uONaZRtjJUtckE8GL4hHhWaTQ-goXbxxGUJjrLO1TA&Expires=1793815993&Signature=PYcai8xa4Ea%7EO8x7PAMFRCqkMuW2X1eHyqxx0K9CtMJk3leMPZ7hOxso9Xnn0Il3ci3e8VyI0UpKy2YUpz7W7KGuZBy9TVK1MEsL0lhYNgJR%7EcKldqSALncDi1q7Am6MPxn0jlSck0fkqLA3KxMihjfDpPu29Fn6%7EqZc15enLse25dWFuwxZ6HKEfwOpE8ZgVfEG%7Eqet%7E1f0Afjlq%7EHz6G7z-5XkfNjP8Hpv2uaZ9DWrU79XLiV8XQ5vBAWoDa64InKUeubmgmePGNmzXCdSsec2McVKx8VL1QVv43WbtfJ020Glqg8rRwFQHVCFfpAoxb9J7I9GOsupMF7qWPBHBw__&Key-Pair-Id=KQOSYIR44AIC0","duration":823.625,"title":"Recipe App Full Stack API and Bugs","description":"This Loom presents a kitchen-themed recipe website, focusing on how the frontend connects to a backend API and database. The author shows the Vercel backend with multiple endpoints tested in Postman, and uses Supabase for storing recipes with foreign keys for categories and authors, along with SQL editor updates; secrets like the Supabase URL and key are kept in a .env file ignored by Git. They also explain frontend fetching and form submission logic, including validation errors causing HTTP 400 bad request when author and category were not sent as numbers, plus a refresh-needed bug after adding recipes. For access control, they describe a login flow with protected routes and an authentication context so only logged-in users can create recipes, noting they addressed issues such as parsing errors and a 502 application failed to respond."}