24.1231 (Gdrive) (copied 24.1231)

This page describes select examples (both deployed AND LOCALHOST):

• 1 Django (frontend) / Flask (backend) (on localhost)
• 2 Django (backend) on AWS EC2 (Terraform)
• 3 Complete deployment (MERN/RENDER)
• 4 Deployment MERN/RENDER/GraphQL

Each diagram shows the API and the API-doc ("Swagger").

1 Django (frontend) / Flask (backend) (on localhost)

This recent example (24.1211) ran on localhost (not deployed) and had the following

• Frontend (see docx #240 for details)
  • Django running on localhost (original code created by Vercel and deployed in Vercel).
• Backend (see docx #244 for details)
  • Swagger created manually.
  • Flask running on localhost (original code generated by Swagger codegen based on the Swagger file).

Open the URL on :8000 (Django) that displays data from an API endpoint on :8080 (Flask).

API

Swagger URL

2 Django (backend) on AWS EC2 (Terraform)

See docx #235 for details.

• Dev PC (Win11)

  • Swagger auto-generated by Django.

• Backend

  • Terraform setups the AWS infrastructure.
  • EC2

• Frontend

  • PC browser (TODO: Frontend like React)

  

  

3 Complete deployment (MERN/RENDER)

The following diagram (WIP) is a generic depiction of a complete deployment.

I've done a lot of demos, but the first "complete" (with 1,2,4 above) should be MERN on RENDER (details in doc #261). "Complete" but without Swagger.

4 Deployment MERN/RENDER/GraphQL

• [MERN (Mongo, Express, React, Node) stack app with GraphQL (runs locally, still need to deploy to Render). For setup details see docx #262.

https://survey.stackoverflow.co/2024/technology/#1-web-frameworks-and-technologies

https://survey.stackoverflow.co/2024/technology/#1-web-frameworks-and-technologies