A blueprint for getting a React.js web app with Python (FastAPI) API and a MongoDB API in Cosmos database onto Azure. It includes sample application code (a ToDo web app) which can be removed and replaced with your own application code. Add your own source code and leverage the Infrastructure as Code assets (Bicep) to get up and running quickly.
This is an Azure-hosted blueprint for deploying a React web application with a Python FastAPI backend and MongoDB storage on Azure. The project demonstrates a complete ToDo app that uses Azure App Services for hosting, Azure Cosmos DB with MongoDB compatibility for data persistence, Azure Monitor for observability, and Azure Key Vault for secrets management. The tech stack includes React and TypeScript for the frontend, Python with FastAPI for the API backend, Bicep for infrastructure as code, and the Azure Developer CLI for provisioning and deployment. Microsoft created this as a sample project to help developers quickly bootstrap full-stack applications on Azure with CI/CD pipeline integration, local debugging, and monitoring capabilities built in.