azd-react-bootstrap-dashboard

An azd template providing a React.js App + Bootstrap 5 front-end dashboard app with backend Node.js API app hosted in Microsoft Azure Static Web Apps and App Service.

To use this template, follow these steps using the Azure Developer CLI:

1. Log in to Azure Developer CLI. This is only required once per-install.

   azd auth login

2. Initialize this template using azd init:

   azd init --template build5nines/azd-react-bootstrap-dashboard

3. Use azd up to provision your Azure infrastructure and deploy the web application to Azure.

   azd up

Architecture Diagram

Dashboard UI

Here's a screenshot of what the Dashboard UI built with React.js and Bootstrap looks like:

Author

This template was written by Chris Pietschmann, founder of Build5Nines, Microsoft MVP, HashiCorp Ambassador, and Microsoft Certified Trainer (MCT).