This is a single page app made from web-sockets and react to allow users to chat in real time on the web.| The heroku version of my this app will kick all clients off every 10 minutes and clean the server, so refresh the page if messages don't work!, it will take time to load so be patient, even if the page loads the heroku server needs some time.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
chatty_server
media
src
styles
.babelrc
.eslintrc
.gitignore
.jshintrc
LICENSE
README.md
index.html
package-lock.json
package.json
server.js
test.jsx
webpack.config.js

README.md

#iMessage

This is a real time iMessage app, that uses react and websockets. It allows many users to enter a chat room and comunitcate. While changing names, putting emojies and cats (enter "ilikecats" no capitals).

Usage

  1. Clone this repository
  2. Install all dependencies (using npm i)
  3. Run the web server using npm start or node server.js (while being in that folder)
  4. In another terminal window, go into the chatty_server folder, and run node chatty_server.js
  5. Open app on localhost:3000

Dependencies and DevDependencies

  • React
  • Webpack
  • babel-loader
  • webpack-dev-server
  • babel-core
  • babel-loader
  • babel-preset-es2015
  • babel-preset-react
  • babel-preset-stage-0
  • css-loader
  • eslint
  • eslint-plugin-react
  • node-sass
  • sass-loader
  • sockjs-client
  • style-loader
  • webpack
  • webpack-dev-server
  • cat-me
  • express
  • jquery
  • react
  • react-dom
  • ws

known bugs

  • If a user leaves the page without loging out, they will not get taking out the user bar, they will get removed from the current users counter, this is an issue with using "unload" on chrome and other browsers.