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

Creating an realtime collaboration tool: Agile ...

Marc Duiker
February 18, 2022
Technology
25
1.8k

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

See All by Marc Duiker
Build distributed applications with ease using Dapr - Dev070 Meetup
marcduiker
0
260
Orchestrate your business logic reliably with Dapr Workflows - TEQnation
marcduiker
0
350
Dapr 101: start building distributed applications with ease
marcduiker
0
260
Quest for Serverless Websockets - .NET Amsterdam
marcduiker
0
210
Dapr on AKS: building distributed applications with ease
marcduiker
0
260
Draw an audience with your non-IT skills to build your personal brand
marcduiker
2
240
Help! I've created a serverless monolith! - CloudBrew
marcduiker
2
360
Quest for serverless WebSockets - an adventure with Azure Functions and Durable Functions
marcduiker
0
300
Help! I've created a serverless monolith! - NDC Oslo 2022
marcduiker
0
270

Other Decks in Technology

See All in Technology
New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3
isaoshimizu
2
570
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
12k
信頼性に挑む中で拡張できる・得られる１人のスキルセットとは？
ken5scal
2
520
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
430
これまでの計測・開発・デプロイ方法全部見せます！ / Findy ISUCON 2024-11-14
tohutohu
3
360
【若手エンジニア応援LT会】ソフトウェアを学んできた私がインフラエンジニアを目指した理由
kazushi_ohata
0
140
Terraform CI/CD パイプラインにおける AWS CodeCommit の代替手段
hiyanger
1
240
100 名超が参加した日経グループ横断の競技型 AWS 学習イベント「Nikkei Group AWS GameDay」の紹介/mediajaws202411
nikkei_engineer_recruiting
1
170
Can We Measure Developer Productivity?
ewolff
1
150
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.6k
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
480

Featured

See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Done Done
chrislema
181
16k
Faster Mobile Websites
deanohume
305
30k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Unsuck your backbone
ammeep
668
57k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Designing Experiences People Love
moore
138
23k
Speed Design
sergeychernyshev
24
610
The Language of Interfaces
destraynor
154
24k

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/