Skip to content

relion/react-comments-chat

master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

React and Node.js Advanced Comment support - full implementation

This is a simple fully working example, AWS compatible, Websockets based chat application written in Node.js and React. Comments can be added, removed and edited, all being reflected in real-time in all participant browsers using the same application URL. Also, the pre-typed text is (optionally) previewed in real-time in all other participants browsers.

Installation

  1. Clone this repo and cd into it.
  2. Run node app.js
  3. Run npm start
  4. Use the link with a title: http://localhost/comments/?title=test_room
  5. or possibly for a pre set user: http://localhost/comments/?title=test_room&name=jonny
  6. also browse : http://localhost/monitor

App snapshots

Author

Aryeh Tuchfeld (relion)

based on QCode.in tutorial.

Keywords

chat, comments, solved, working, full-stack, react, node.js, websocket.

Enabling Browser Notifications

For testing the Notifications on real hostname, you can enable: Insecure origins treated as secure in chrome://flags/ or (when available) simpliy right click here:

Configure on AWS WebSocekt

  1. The WebSocket Server is set to port: 3030 (you can choose a differnt number).

  2. See my video instructions on How to Configure the Node.js with WebSocket on AWS Elastic Beanstalk:

Live Demo

Click here

About

Advanced Comments and Chat App - Full Stack React and Node.js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages