Skip to content

Instantly share code, notes, and snippets.

@peteristhegreat
Created June 28, 2025 15:45
Show Gist options
  • Save peteristhegreat/4cd9281d3cbbb38aaae58e5697c91b1e to your computer and use it in GitHub Desktop.
Save peteristhegreat/4cd9281d3cbbb38aaae58e5697c91b1e to your computer and use it in GitHub Desktop.
Firebase React Docs Clone, Meetings App

https://pedrotech.co/blog/google-docs-clone-tutorial/

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map#objects_vs._maps

Maps are ordered dicts in javascript

Meetings have some inherent behaviors. If it is administrative to run an organization or some other reoccuring program or auxillary,

  • the agenda is nearly the same, but with slight differences from week to week
  • it is date sensitive
  • assignments and who has had assignments how long ago is important
  • some rotations on topics?
  • inline chat
  • recordings/transcriptions of discussions
  • breakout rooms
  • Meeting notes, teleprompter, last minute notes to the presenter
  • Q and A

For my build I was interested in a subset of these. I want collaboration, and some stock items in the meeting agenda, with frequently used fields in the right order and machine readable.

Probably have some stock phrases to say in the meeting, too, that can be toggled on and off if a kind of agenda item is present... such as voting on an issue or individual's role, etc.

I know firebase well, and I started getting it up and running, but the collaboration with an ordered dict is a little tricky. I either treat it as a collection and use CRDT like Yjs or similar, or I use fields in a firebase doc, and use the built in useDocument from react-firebase-hooks to just make the updates happen.

Then there is react-quill and other markdown or WYSIWYG editors and mapping those to documents, too.

WIP.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment