Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TODO][FEAT] Add a chat widget #111

Open
gbowne1 opened this issue Mar 1, 2023 · 4 comments
Open

[TODO][FEAT] Add a chat widget #111

gbowne1 opened this issue Mar 1, 2023 · 4 comments
Labels
enhancement New feature or request feature This should be a new feature. frontend This is a frontend issue or PR good first issue Good for newcomers help wanted Extra attention is needed medium-complexity This issue is medium complexity medium-priority
Milestone

Comments

@gbowne1
Copy link
Owner

gbowne1 commented Mar 1, 2023

Is your feature request related to a problem? Please describe.
No.

Add a chat widget.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

@gbowne1 gbowne1 added enhancement New feature or request help wanted Extra attention is needed labels Mar 1, 2023
@gbowne1 gbowne1 added this to the Messenger / Chat Feature milestone Mar 1, 2023
@gbowne1
Copy link
Owner Author

gbowne1 commented Mar 3, 2023

This might use one of the react-chat-xxxx modules? LiveChat CDN or API? https://cdn.livechatinc.com/

Chat might appear somewhere useful in the view.

This could be abstracted to a group chat in a group, individual users (messenger), or?

Leaning towards socket.io and wiring it up that way:

Here are some resources for that:
https://dev.to/novu/building-a-chat-app-with-socketio-and-react-2edj
https://github.com/socketio/chat-example
https://www.freecodecamp.org/news/build-a-realtime-chat-app-with-react-express-socketio-and-harperdb/

@gbowne1
Copy link
Owner Author

gbowne1 commented Mar 3, 2023

This could be the entry point modal.

Screenshot 2023-03-03 at 13-35-34 CodeSandbox

@gbowne1
Copy link
Owner Author

gbowne1 commented Mar 13, 2023

After clicking on sign in..

Screenshot 2023-03-13 at 13-01-52 React Chat App

@gbowne1
Copy link
Owner Author

gbowne1 commented Apr 7, 2023

This is the Live-chat CDN. https://cdn.livechatinc.com/

There is a React adapter here: https://developers.livechat.com/docs/extending-chat-widget/chat-widget-adapters/react-adapter/

https://www.npmjs.com/package/@livechat/widget-react

Unless we build a LiveChat inside a panel but @livechat has plenty of utils and libraries we can use to our advantage.

Sandbox to play around with: https://codesandbox.io/s/react-chat-widget-w7eom?file=/src/app.js

@gbowne1 gbowne1 modified the milestones: Messenger / Chat Feature, Messaging Jun 5, 2023
@gbowne1 gbowne1 added frontend This is a frontend issue or PR backend This is a backend issue or PR high-priority medium-priority needs-testing This needs testing high-complexity This issue is an advanced complexity issue medium-complexity This issue is medium complexity labels Jun 8, 2023
@gbowne1 gbowne1 added question Further information is requested design infrastructure feature This should be a new feature. hacktoberfest The hacktoberfest label labels Oct 6, 2023
@gbowne1 gbowne1 removed enhancement New feature or request help wanted Extra attention is needed question Further information is requested frontend This is a frontend issue or PR backend This is a backend issue or PR design infrastructure labels Feb 21, 2024
@gbowne1 gbowne1 added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers frontend This is a frontend issue or PR medium-priority medium-complexity This issue is medium complexity feature This should be a new feature. and removed high-priority medium-priority needs-testing This needs testing high-complexity This issue is an advanced complexity issue medium-complexity This issue is medium complexity feature This should be a new feature. hacktoberfest The hacktoberfest label labels Feb 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request feature This should be a new feature. frontend This is a frontend issue or PR good first issue Good for newcomers help wanted Extra attention is needed medium-complexity This issue is medium complexity medium-priority
Projects
Development

No branches or pull requests

1 participant