{"id":23665643,"url":"https://github.com/build5nines/azd-react-bootstrap-dashboard","last_synced_at":"2026-04-13T23:32:45.645Z","repository":{"id":268623235,"uuid":"904952269","full_name":"Build5Nines/azd-react-bootstrap-dashboard","owner":"Build5Nines","description":"A multi-tier app with a dashboard front-end (React + Bootstrap) hosted in Azure Static Web Apps and back-end API (Node.js) hosted in Azure App Service","archived":false,"fork":false,"pushed_at":"2024-12-20T17:39:36.000Z","size":898,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T06:14:41.263Z","etag":null,"topics":["azd-templates","azure","azure-app-service","azure-bicep","azure-dev","azure-static-web-apps","bootstrap5","dashboard","nodejs","react"],"latest_commit_sha":null,"homepage":"","language":"Bicep","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Build5Nines.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-17T21:39:26.000Z","updated_at":"2024-12-20T17:39:39.000Z","dependencies_parsed_at":"2024-12-17T23:33:52.430Z","dependency_job_id":null,"html_url":"https://github.com/Build5Nines/azd-react-bootstrap-dashboard","commit_stats":null,"previous_names":["build5nines/azd-react-bootstrap-dashboard"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Build5Nines%2Fazd-react-bootstrap-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Build5Nines%2Fazd-react-bootstrap-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Build5Nines%2Fazd-react-bootstrap-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Build5Nines%2Fazd-react-bootstrap-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Build5Nines","download_url":"https://codeload.github.com/Build5Nines/azd-react-bootstrap-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239665787,"owners_count":19677012,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["azd-templates","azure","azure-app-service","azure-bicep","azure-dev","azure-static-web-apps","bootstrap5","dashboard","nodejs","react"],"created_at":"2024-12-29T06:14:10.593Z","updated_at":"2025-12-08T08:30:16.370Z","avatar_url":"https://github.com/Build5Nines.png","language":"Bicep","funding_links":[],"categories":[],"sub_categories":[],"readme":"# azd-react-bootstrap-dashboard ![Awesome Badge](https://awesome.re/badge-flat2.svg)\n\nAn `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.\n\nTo use this template, follow these steps using the [Azure Developer CLI](https://learn.microsoft.com/azure/developer/azure-developer-cli/overview):\n\n1. Log in to Azure Developer CLI. This is only required once per-install.\n\n    ```bash\n    azd auth login\n    ```\n\n2. Initialize this template using `azd init`:\n\n    ```bash\n    azd init --template build5nines/azd-react-bootstrap-dashboard\n    ```\n\n3. Use `azd up` to provision your Azure infrastructure and deploy the web application to Azure.\n\n    ```bash\n    azd up\n    ```\n\n## Architecture Diagram\n\n![Diagram of Azure Resources provisioned with this template](assets/build5nines-azd-react-bootstrap-dashboard.png)\n\n## Azure Resources\n\nThese are the Azure resources that are deployed with this template:\n\n- **Azure App Configuration** - An App Config service that can be used for app configuration.\n- **Azure App Service Plan** - The App Service Plan used to host the API application.\n- **Azure App Service** - The App Service where the Node.js based API application is deployed.\n    - Setup with _\"System Assigned\"_ Managed Identity used for authenticating access to App Configuration.\n- **Azure Application Insights** - For application logging\n- **Azure Log Analytics workspace** - Required for Application Insights logging\n- **Shared dashboard** - Custom dashboard in the Azure Portal for monitoring\n- **Failure Anomalies - Smart detector alert rule** - Failure Anomalies notifies you of an unusual rise in the rate of failed HTTP requests or dependency calls.\n- **Azure Static Web App** - The static website hosting for the Dashboard front-end, SPA (single page application) application built with React.js.\n\n![Azure Portal screenshot with list of Azure resources deployed with this template](assets/azure-portal-resources-screenshot.jpg)\n\n## Dashboard UI\n\nHere's a screenshot of what the Dashboard UI, built with React.js and Bootstrap, looks like:\n\n![Dashboard screenshot](assets/dashboard-screenshot.png)\n\n## API Swagger UI\n\nHere's a screenshot of the API application, built with Node.js, that exposes the Swagger UI:\n\n![API Swagger screenshot](assets/api-screenshot.jpg)\n\n## Author\n\nThis template was written by [Chris Pietschmann](https://pietschsoft.com), founder of [Build5Nines](https://build5nines.com), Microsoft MVP, HashiCorp Ambassador, and Microsoft Certified Trainer (MCT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuild5nines%2Fazd-react-bootstrap-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuild5nines%2Fazd-react-bootstrap-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuild5nines%2Fazd-react-bootstrap-dashboard/lists"}