Skip to content
Advanced Comment App - Full Stack React and Node.js
JavaScript Other
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
DATA
images
public
src
README.md
app.js
package-lock.json
package.json
readme.txt

README.md

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.

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

App snapshot

Author

Aryeh Tuchfeld (relion)

based on QCode.in tutorial.

Keywords

chat, room, 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

Currently unavailable. Hopefully soon I'll have my own Https domain for that.

You can’t perform that action at this time.