Skip to content

karen1au/Operation-Chatty

Repository files navigation

Operation Chatty

🕵️: .-- . .-.. -.-. --- -- .

A real-time chatroom buildt with ReactJS and WebSocket (for agents).

What does it do?

"monitor number of user"

Not only you can chat with other users, you can also monitor the number of users that are currently online. Each user is assigned a different colour.

"change username"

Feel free to change your username (as an agent we don't stick with only one name!) while keeping your colour. To keep up our professionalism, no matter what your name is, we add the prefix Agent to everyone.

"add image"

Sometimes words are cheap...we need images ! Insert any url ends with .png/.gif/.jpg to get your image showing.

Enjoy & 📇... - .- .-. - / -.-. .... .- - - .. -. --.

Getting Started

  1. Fork this repository, then clone your fork of this repository.
  2. Install dependencies using the npm install command.
  3. Start the web server using the npm start command. The app will be served at http://localhost:3000/.
  4. Go to http://localhost:3000/ in your browser.

Dependencies

  • React
  • Webpack
  • babel-loader
  • babel-core
  • babel-preset-es2015
  • css-loader
  • node-sass
  • sass-loader
  • style-loader
  • webpack-dev-server
  • express
  • random-color
  • uuid
  • websocket
  • ws

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published