View Code? Open in Web Editor
NEW
Banter is a feature-rich Discord clone built with React, Redux Toolkit, Next.JS, TypeScript, styled-components, Tailwind CSS, and uses Firebase to communicate with the back-end.
Home Page: https://banter-kappa.vercel.app
License: MIT License
JavaScript 1.05%
TypeScript 98.95%
banter's Issues
Automatically parse messages (and message input text field) for #
character and use the following text to search the server channels for a match.
If the text matches a channel, turn it into an <a />
tag linking to the channel and style the element.
Add the ability to voice chat between users
Allow users to edit messages they have sent
Store chat messages in state upon initial server load
Paginate chat messages so that only most recent load unless user scrolls to load older messages
Look into implementing React Query
Cache data such as messages, members, etc.
Paginate responses and display as infinite scroll
A dark mode option should be implemented for users to choose which look they prefer - dark mode should be the new default after being created.
Feature requested by justkoru on Banter
Using the @ symbol should allow tagging other users, and "ping" them with a notification (if settings allow)
Allow users with sufficient permissions to delete messages that have been sent.
Sufficient permissions includes:
The user that sent the message
Users who are the owner/creator of the server the message was sent in
In the future this will be expanded with additional role permissions
A mobile-friendly version of Banter should be supported.
Highlighting a text selection and pasting should replace the selected text with the pasted value. Instead, the entire input is replaced.
Additionally, the cursor is left at the beginning of the input, rather than the end (or the end of the selection).
When text overflows from field, it continues through the right side off-screen. It should instead break and add another line.
URLs should automatically be parsed from messages as they are being typed and styled to look like a clickable link. (Created #47 )
Allow multiline messages
Preserve whitespace left in messages
After logging in, the user is presented with a (mostly) blank screen. Something should be displayed to greet the user, even if it is temporary.