Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Creating an realtime collaboration tool: Agile Flush - .NET Oxford

Marc Duiker
February 18, 2022

Creating an realtime collaboration tool: Agile Flush - .NET Oxford

Slides for my 10 minutes lightning talk at the .NET Oxford meetup of Feb 15th 2022: https://www.meetup.com/dotnetoxford/events/281666694/

Blog post with more details:
https://ably.com/blog/tutorial-vuejs-nodejs-azure-static-web-apps
The live web app: https://agileflush.ably.dev/

Marc Duiker

February 18, 2022
Tweet

More Decks by Marc Duiker

Other Decks in Technology

Transcript

  1. @MarcDuiker

  2. @MarcDuiker Marc Duiker Sr Developer Advocate

  3. @MarcDuiker 3

  4. @MarcDuiker 4

  5. @MarcDuiker 7

  6. @MarcDuiker 8 Azure Static Web Apps Azure Function Vue App

  7. @MarcDuiker 9 Azure Static Web Apps Azure Function Vue App

    Ably
  8. @MarcDuiker 10 Azure Static Web Apps Azure Function Vue App

    Ably REST
  9. @MarcDuiker 11 Azure Static Web Apps Azure Function Vue App

    Ably REST Channel
  10. @MarcDuiker 12

  11. @MarcDuiker 13 Client 1 Ably Connect

  12. @MarcDuiker 14 Client 1 Ably Local state Connect

  13. @MarcDuiker 15 Client 1 Ably Presence Local state Connect

  14. @MarcDuiker 16 Client 1 Client 2 Ably Presence Local state

    Connect URL
  15. @MarcDuiker 17 Client 1 Client 2 Ably Connect Presence Local

    state Connect URL
  16. @MarcDuiker 18 Client 1 Client 2 Ably Connect Connect Local

    state Local state Presence Presence URL
  17. @MarcDuiker 19 Client 1 Client 2 Ably Connect Connect Presence

    Local state Local state Presence URL
  18. @MarcDuiker 20 Client 1 Client 2 Ably Local state Local

    state Vote Vote
  19. @MarcDuiker 21 Client 1 Client 2 Ably Local state Local

    state Vote Undo Vote Show Votes Reset Votes Vote Undo Vote Show Votes Reset Votes
  20. @MarcDuiker 24

  21. @MarcDuiker 25 @marcduiker https://agileflush.ably.dev/