Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/softchris/shop-at-home
shopping scenario
https://github.com/softchris/shop-at-home
Last synced: 17 days ago
JSON representation
shopping scenario
- Host: GitHub
- URL: https://github.com/softchris/shop-at-home
- Owner: softchris
- License: mit
- Created: 2023-05-25T21:35:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-25T21:35:40.000Z (over 1 year ago)
- Last Synced: 2024-10-07T13:21:47.817Z (about 1 month ago)
- Language: TypeScript
- Size: 192 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Static Web Apps
This repository contains apps that can be used with as a starting point for some MS Learn Modules. because everyone has their own preference for their JavaScript frameworks/library, you can choose which one you prefer.
The Shop at Home theme is used throughout the app. View it live at
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-0000-jopapa#create/Microsoft.StaticApp)
## Learn how
Learn how to [Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=academic-0000-jopapa)
## Contents
The apps written in the following JavaScript frameworks/libraries:
| Folder | Description | Live Demo |
| --------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------- |
| **angular-app** | [Sample Angular app](https://github.com/johnpapa/shopathome/blob/master/angular-app) | [angular.shopathome.dev](https://angular.shopathome.dev) |
| **api** | [Sample Azure Functions app](https://github.com/johnpapa/shopathome/blob/master/api) | protected |
| **react-app** | [Sample React app](https://github.com/johnpapa/shopathome/blob/master/react-app) | [react.shopathome.dev](https://react.shopathome.dev) |
| **svelte-app** | [Sample Svelte app](https://github.com/johnpapa/shopathome/blob/master/svelte-app) | [svelte.shopathome.dev](https://svelte.shopathome.dev) |
| **vue-app** | [Sample Vue app](https://github.com/johnpapa/shopathome/blob/master/vue-app) | [vue.shopathome.dev](https://vue.shopathome.dev) |
## Prerequisites
- A GitHub account
- [Node.js and Git](https://nodejs.org/)
- [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-0000-jopapa) installed
- The [Static Web Apps extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps&WT.mc_id=shopathome-github-jopapa&WT.mc_id=academic-0000-jopapa) installed
- The [SWA CLI](https://www.npmjs.com/package/@azure/static-web-apps-cli) installed
- The [Azure Functions Core Tools](https://docs.microsoft.com/azure/azure-functions/functions-run-local?WT.mc_id=academic-0000-jopapa) installed
## Problems or Suggestions
[Open an issue here](https://github.com/johnpapa/shopathome/issues)
## Resources
### Azure Static Web Apps
- Learn how to [set up local development for Azure Static Web Apps using SWA CLI](https://docs.microsoft.com/en-gb/azure/static-web-apps/local-development?WT.mc_id=academic-0000-jopapa)
- Learn more about [SWA CLI](https://github.com/Azure/static-web-apps-cli#readme?WT.mc_id=academic-0000-jopapa)
- Learn how to [Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api?WT.mc_id=academic-0000-jopapa)
- [Add an API to Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/add-api?WT.mc_id=academic-0000-jopapa)
- [Authentication and authorization](https://docs.microsoft.com/azure/static-web-apps/authentication-authorization?WT.mc_id=academic-0000-jopapa)
- [API support in Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/apis?WT.mc_id=academic-0000-jopapa)
- [Routes](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=academic-0000-jopapa)
- [Review pre-production environments](https://docs.microsoft.com/azure/static-web-apps/review-publish-pull-requests?WT.mc_id=academic-0000-jopapa)
- [Azure Free Trial](https://azure.microsoft.com/free/?WT.mc_id=academic-0000-jopapa)