https://github.com/sinedied/swa-bank

Bank app demo built with vanilla HTML5, CSS and JavaScript and Azure Functions for the API
https://github.com/sinedied/swa-bank

azure-functions css demo html javascript staticwebapp

Last synced: 6 days ago
JSON representation

Bank app demo built with vanilla HTML5, CSS and JavaScript and Azure Functions for the API

• Host: GitHub
• URL: https://github.com/sinedied/swa-bank
• Owner: sinedied
• License: mit
• Created: 2022-05-04T08:07:23.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-06T06:35:42.000Z (over 2 years ago)
• Last Synced: 2024-12-15T14:44:07.547Z (9 days ago)
• Topics: azure-functions, css, demo, html, javascript, staticwebapp
• Language: JavaScript
• Homepage:
• Size: 172 KB
• Stars: 0
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🏦 Bank app demo

> Example solution for the bank app project of the [Web Dev for Beginners curriculum](https://github.com/microsoft/Web-Dev-For-Beginners), built with vanilla HTML5, CSS and JavaScript (no frameworks or libraries used) and using a serverless API built with [Azure Functions](https://azure.microsoft.com/services/functions/?WT.mc_id=javascript-0000-yolasors).

## Running the app locally

1. Git clone this repo.

2. Open a terminal, then run `npm install`. It will start a development web server on port `4280`

3. Open `http://localhost:4280` in a browser to run the app.

## Deploying on Azure Static Web apps

> What's Azure Static Web Apps? It's an all-inclusive hosting service for web apps providing features like continuous deployment, serverless APIs, authentication and more. And it has a free tier!

**Prerequisites:** You need an [Azure account](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-cxa) (you can create one for free).

1. Once you've created your Azure account, open a terminal and run the following command:

  ```sh

  npm run deploy

  ```

2. When asked, log in to your Azure account.

3. If you're asked to choose your Static Web App, select **>> Create a new application** and enter a name.

4. Wait until your app is deployed, and you'll see the URL of your app in terminal:

```sh

✔ Project deployed to https://purple-bush-12345678.1.azurestaticapps.net 🚀

```

You can find tutorials on using Static Web Apps [here](https://docs.microsoft.com/learn/paths/azure-static-web-apps/?WT.mc_id=javascript-0000-cxa).