Giter VIP home page Giter VIP logo

tugofwar-functionsdemo's Introduction

Tug of War with Azure Functions (nodeJs)

Build Status

Play a live demo here: https://aka.ms/aztugofwar.

C# Class Library version here: https://github.com/joescars/TugOfWar-CSharp.

About the Demo

This simple demo game is used to teach basic concepts around building Azure Functions with node.js.

It also provides a fun an interactive way to show Azure Functions in use.

The following concepts are covered through this demo:

  • Function Triggers
  • Function Input & Output Bindings
  • Reverse Proxies
  • Serving Static Content via Proxy
  • Debugging using VS Code
  • Application Insights

Setup Instructions

Deploy to Azure

How to Play

  • From the home page (index.html) the presenter creates two Teams. For example. Team A and Team B.

  • Upon submitting these teams a new "Game" is created.

  • The presenter then instructions players to visit play.html. They will see two buttons, one for Team A and one for Team B.

    • Note; in the image below the url is specifically to my personal demo of the game. You will need to replace that url with your own when deploying
  • The goal is to have 1/2 the room hit one button and the other half the second button as fast as they can.

  • Each button press is logged and displayed in real time on the home page. When one team gets far enough ahead of the other team the Functions logo will move and eventually show a winner!

Images

Game Setup Teams are created

Player Interface Players click their team button as fast as possible

Game Animation The logo animates towards the team with more clicks

How does it work?

Behind the scenes we are using Azure Functions with Storage Queues, Table Storage and Proxies.

Architecture Diagram

Resources

Easy Deploy

Deploy to Azure

tugofwar-functionsdemo's People

Contributors

anthonychu avatar dgkanatsios avatar joescars avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

tugofwar-functionsdemo's Issues

Basic Validation

Need to add basic validation to check for blank entry and character count.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.