A real-time chat app built with React and WebSockets.
- Name changes
- Colors assigned to each user
- Active user count
- Conditional class highlighting on new messages
npm
and nodejs
are required to run this app.
- react
- babel
- webpack
- eslint
- node-sass
- sockjs
- express
- ws
- uuid
- In the root directory, run
npm install
to install client-side dependencies. - In the
chat_server
directory, runnpm install
again to install WebSocket dependencies. Runnode server.js
to start the WS server. - Back in the parent directory, run
npm start
and head to localhost:3000 in your browser.
- Sidebar displaying names of active users
- Allow users to embed images/video
- Fluid UI/UX & transitions
- Server broadcast on user connect/disconnect