https://github.com/arjunattam/shopathome
https://github.com/arjunattam/shopathome
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/arjunattam/shopathome
- Owner: arjunattam
- License: mit
- Created: 2021-06-23T12:13:24.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-06-23T12:59:29.000Z (almost 5 years ago)
- Last Synced: 2024-10-18T07:17:27.514Z (over 1 year ago)
- Language: TypeScript
- Size: 345 KB
- Stars: 0
- Watchers: 2
- 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=javascript-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=javascript-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=javascript-0000-jopapa) installed
- The [Azure Functions extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions%3FWT.mc_id%3Dshopathome-github-jopapa&WT.mc_id=javascript-0000-jopapa) installed
- The [Azure Functions Core Tools](https://docs.microsoft.com/azure/azure-functions/functions-run-local?WT.mc_id=javascript-0000-jopapa) installed
## Problems or Suggestions
[Open an issue here](https://github.com/johnpapa/shopathome/issues)
## Resources
### Azure Static Web Apps
- 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=javascript-0000-jopapa)
- [API support in Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/apis?WT.mc_id=javascript-0000-jopapa)
- [Add an API to Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/add-api?WT.mc_id=javascript-0000-jopapa)
- [Authentication and authorization](https://docs.microsoft.com/azure/static-web-apps/authentication-authorization?WT.mc_id=javascript-0000-jopapa)
- [Routes](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=javascript-0000-jopapa)
- [Review pre-production environments](https://docs.microsoft.com/azure/static-web-apps/review-publish-pull-requests?WT.mc_id=javascript-0000-jopapa)
- [Azure Free Trial](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-jopapa)