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.
- Git clone this repo.
- Open a terminal, then run
npm install
. It will start a development web server on port4280
- Open
http://localhost:4280
in a browser to run the app.
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).
- Once you've created your Azure account, open a terminal and run the following command:
npm run deploy
- When asked, log in to your Azure account.
- If you're asked to choose your Static Web App, select >> Create a new application and enter a name.
- 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.