Skip to content

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

License

Notifications You must be signed in to change notification settings

sinedied/swa-bank

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏦 Bank app demo

Example solution for the bank app project of the Web Dev for Beginners curriculum, built with vanilla HTML5, CSS and JavaScript (no frameworks or libraries used) and using a serverless API built with Azure Functions.

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 (you can create one for free).

  1. Once you've created your Azure account, open a terminal and run the following command:
npm run deploy
  1. When asked, log in to your Azure account.
  2. If you're asked to choose your Static Web App, select >> Create a new application and enter a name.
  3. Wait until your app is deployed, and you'll see the URL of your app in terminal:
✔ Project deployed to https://purple-bush-12345678.1.azurestaticapps.net 🚀

You can find tutorials on using Static Web Apps here.

About

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

Topics

Resources

License

Stars

Watchers

Forks