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

Marc Duiker

February 18, 2022

Tweet Share

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/