{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/f268b08e11084d6e967dc5ed47462e8c\" frameborder=\"0\" width=\"3342\" height=\"2506\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":2506,"width":3342,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":2506,"thumbnail_width":3342,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/f268b08e11084d6e967dc5ed47462e8c-912f9954e964d626.gif","duration":349.6136,"title":"Frontend Architecture Overview","description":"In this video, I walk you through the architecture of our front-end application, which utilizes React and TypeScript. We have organized our code into several key components, including reusable UI elements, constants, routes, and a service layer for handling HTTP requests. I also explain how we manage global state with context and detail our page structure, including protected and public routes. Please take a look at the components and structure I outlined, as your understanding of this architecture is crucial for our ongoing development efforts. Let me know if you have any questions or need further clarification!"}