hololb / bunyipschatapp

Source code for a custom-built Firebase chatapp designed for the members of the Murray Bridge Bunyips

https://lucasbubner.me/

---

bunyipschatapp's Issues

Add CTRL+V support for file uploads

Make the actual app

Make the actual app

User presence

• System messages
• <number> users online at the top, when clicked it shows whos online
• On join and leave notifications

Styling and design of website

Message self-moderation and admin chat moderation

Fix page whiteout after sending message bug.

Pin messages feature

Request a feature prompt

This will also include a feature for moderators to turn requesting features on/off, in the event it is used incorrectly.

Idle presence

At the moment, when the user is idle away from the tab, they will be placed offline. This is fine but QoL can be improved by changing this to an idle presence that shows up on the primary application.

Change filtering type

The bad-words filter is being applied during database addition.
This should be changed to on render instead.

Mobile elements misaligned

Some elements on the login page and chat page are not in their optimal position, as such they do not span the screen as they are supposed to. This does not impact any actual functionality of the app however.

This has only been replicated on actual devices and not DevTools simulations, and as such these problems can't be targetted easily.

Fix everything autoplaying at once sometimes, and videos autoplaying when sent.

Major database refactor

Using wrong type of database in prod. Firebase project has swapped to Firebase Realtime Storage instead of Firebase Firestore due to rete limits. See #37 for progress and development.

Add proper encryption for accounts, and all communications sent through the app

Add opt in browser notifications

Illicit word filter

Prohibit members from using potentially harmful and uncivil language.

Reply messages function

Let users be able to select a message they want to reply to and integrate some variant of a linking system between messages, perhaps using the message UID as a reference.

User message cooldown

To be done alongside another branch as a minor feature.

Edit messages

Add to Msgman a function that allows users to edit their messages. Store this data in Firestore with edit attributes and timestamps.

Markdown support

Allow messages to have markdown features for formatting, or even a formatting tooling.

Multi-session disconnect triggers onDisconnect although still connected

If more than one session is open of the application, calling onDisconnect will trigger even though a session is still active. This is due to how the listeners are set up. This can lead to some strange bugs such as '0 people online' resulting in false presences.

File uploading drag and drop

Similar to functions in Google Drive, Discord, etc.
Dragging a file over the active window will upload it in the FileUploads window.

Fix navbar sizing and fixed positioning

Adding from commit 7363e97

onDisconnect hook not firing sometimes

Sometimes the onDisconnect hook refuses to fire, leaving the user as permanently online. This might be due to a tab open in the background leaving them as online. An idle/offline after x of inactivity system would be a good fix for this.

Make an April Fools Alert

"On April fools day every time you open the website a pop up will alert you saying that the chat is being used by war criminals and to be wary"

• Myself, 16/1/23, 22:51

A light mode button that just says no if you try to press it

Clear databases does not work

Firestore rules are set properly, however there is something wrong with the code that prohibits deleting a collection. This could be due to the blocking nature of the code that was implemented.

Resources to assist:
https://github.com/firebase/snippets-node/blob/e5f6214059bdbc63f94ba6600f7f84e96325548d/firestore/main/index.js#L889-L921

File uploading capabilities

Use Google Cloud Firestore to support uploading files, and subsequently downloading and showing them to the user.

Same-person message grouping

Groups messages sent by the same person in a specific time amount so their pfp and name doesn't appear multiple times

Implement account system with password authentication

Recommended actions for account security:

• On-server using argon2 hash
• Replit authentication? (not available to all)
• In best case, maybe we can use Google's OAuth?

Remove Lucas's illicit word filter