Praison AI

Updated Single Page Application (SPA) Architecture of the Recipe Web App on Google Cloud

—

by

André Rocha

This diagram represents the updated Single Page Application (SPA) architecture of your recipe app on Google Cloud, with a focus on security, advanced AI services, local user data storage, and global reach through advanced networking: 1. The user accesses the app through a secure HTTPS connection with the Content Distribution Network (CDN) using the GET method. The traffic is filtered by the Web Application Firewall. 2. For static content, the CDN directly serves the content from the Cloud Storage, which hosts the web app repository and static content of the app, using the GET method. 3. For dynamic content, the CDN forwards the traffic to the Load Balancer on Google Cloud using the GET method. The Load Balancer uses HTTP headers to route traffic globally to the nearest backend. 4. The Load Balancer distributes the requests to the Web App using the GET method. 5. The Web App communicates with various microservices through HTTP/REST calls. This includes the Ingredients Microservice for ingredient recognition (step 7), and the Recommendations Microservice for recipe generation (step 8). The Ingredients Microservice uses the Cloud Vision API and the Cloud Speech-to-Text API to identify the ingredients from photos or voice transcriptions using the POST method. The Recommendations Microservice generates recipe recommendations using Cloud Functions, the BARD language model, BigQuery to query ingredient metadata, and Vertex AI for labeling data in the Cloud Storage, using the GET method. 6. The Preferences are stored locally on the user’s device using the POST method. 7. The Feedback is stored locally on the user’s device using the POST method. 8. The History is stored locally on the user’s device using the GET method. 9. The HTTPS traffic is secured using an HTTPS certificate for the ‘https://www.recipegenerator.io’ domain. All data in transit between these components are secure and encrypted. All user data, including preferences, feedback, and history, are stored locally on the user’s device. The application is designed for global reach with advanced networking features.