Operation Chatty

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

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

What does it do?

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.

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.

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