Skip to content

Full stack solution using Vue.js, Azure Static Web Apps, Azure Function, Azure SQL Database and a microservice architecture to monitor in real-time public transportation data, create a geofence and send notification when geofence is activated.

License

MIT and 2 other licenses found

Licenses found

MIT
LICENSE
MIT
LICENSE.md
MIT
LICENSE-CODE
Notifications You must be signed in to change notification settings

AdrianArenilla/Az204-Serverless_full_stack_apps_azure_sql

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Student: Adrián Arenilla Seco

Microsoft AZ-204 - Build serverless, full stack applications in Azure

In this exercise, we will learn how to create, compile, and deploy modern full-stack applications in Azure with the language of your choice (Python, Node.js, or .NET) and with a Vue.js interface. Topics covered include modern database, CI / CD, and DevOps capabilities, backend API development, REST, and more. Using a real-world scenario of trying to take the bus, you will learn how to create a solution that uses Azure SQL Database, Azure Functions, Azure Static Web Apps, Logic Apps, Visual Studio Code, and GitHub Actions.

Working Architecture

architecture

Create Azure SQL Database and SQL Server.

Create a new connection with Azure Data Studio.

Check that the connection is correct.

Connect to Azure SQL Database with Visual Studio Code.

Set up the database's schema with T-SQL.

Set up the database's schema with T-SQL.

Set up the database's schema with T-SQL.

Process bus data with Azure SQL Database.

Process bus data with Azure SQL Database.

Process bus data with Azure SQL Database.

Verify that the geofence has been inserted correctly.

Verify that the geofence has been inserted correctly.

Process bus data with Azure SQL Database.

Configure secrets securely with GitHub.

Configure yaml file for GitHub Actions.

Observe the contents of the workflow that is running (or has completed).

In sqlcmd copy and paste the script to import the flat path data file and verify that everything is correct.

Create Storage Account and Function App.

Locally run and debug Azure Functions.

Run 'func start' to start the function.

Create three App Service Config.

Configure secrets securely with GitHub.

Observe the contents of the workflow that is running (or has completed).

Monitor results in the Azure portal.

Monitor results in the Azure portal.

Create the Azure Logic App and Outlook connector.

Update App Service Config. (LogicAppUrl).

Create an Azure Static Web App using the Azure portal.

Configure application settings for Azure Static Web Apps.

Review deployment run history with GitHub Actions.

All resources used to create the application.

Confirmation e-mail (Exiting the Geofence).

Confirmation e-mail (Entering the Geofence).

Updated map with Geofence and buses.

Updated map with Geofence and buses.

About

Full stack solution using Vue.js, Azure Static Web Apps, Azure Function, Azure SQL Database and a microservice architecture to monitor in real-time public transportation data, create a geofence and send notification when geofence is activated.

Topics

Resources

License

MIT and 2 other licenses found

Licenses found

MIT
LICENSE
MIT
LICENSE.md
MIT
LICENSE-CODE

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published