Add SurrealDB Presence Demo project

[Odonno]

A demo project on how to create a realtime presence web application using SurrealDB Live Queries.

Description: A fairly simple app where the current user can join a room of users, seeing each user presence based on user inactivity (green, orange, red or gray badges).

Tech stack:

• React + TypeScript (Vite template)
• TanStack Query
• jotai (jotai-forms)
• SurrealDB
• surrealdb-migrations

Features:

• Authentication
  • Sign up
  • Sign in
  • Sign out
  • Display authenticated user details such as realtime presence
• List of rooms with number of active users, with the ability to join a room
• Selected room (last joined room)
  • Display the list of users in rooms
  • Show presence of each user
  • Ability to leave the room

[naisofly]

Nice one @Odonno 👏