Have you ever walked into a store, did some shopping, and headed back home only to find that you forgot to buy 60% of the items you needed to get? I struggle with this very same issue and so I decided to create the ‘Smart Shopping Planner’, an application that will help me keep track of the items I need to buy and that I can easily update before and after shopping.
Smart Shopping Planner is a React application built using JavaScript, that stores data in an Azure SQL database. In this blog, I want to show you how incredibly easy it was to provide REST endpoints (you can work with GraphQL too) to connect the app to the database.
| Goal | Learn how to seamlessly build APIs with Data API Builder |
|---|---|
| What will you learn | JavaScript, React, Azure Static Web Apps, Azure Static Web Apps CLI, Data API Builder, Azure SQLAI |
| What you'll need | Azure subscription, GitHub |
| Duration | 1 hr |
| Microsoft Cloud Topics taught | Azure Static Web Apps Database Connections, Azure SQL Database, Data API Builder |
| Just want to try the app or see the solution? | Link to Step by step guide |
| Slides | Coming soon! |
- VS Code
- Have .NET 6 SDK installed!
- An Azure Subscription
Begin workshop following the step-by-step guide
Link to the Full Workshop