kirie / socketChat

Socket.io

SocketChat

Simple realtime chat messaging with Socket.io and React.

Motivation

Front End coding challenge

Design

Features

• Realtime Socket.io chat
• Change your name inline. Just click on the name and edit
• Typing notification when other users are typing

Prerequisites

Node.js

Installing and running in development/demonstration mode

npm i

npm run concurrent

Open a browser to localhost:8080

• React - View/UI
• Babel - Transpilation From ES6
• Express - Node Server Framework
• Webpack 2 - Module Bundler
• React-router - Client Routing
• Socket.io - Real-Time event communication
• React-Edit-Inline - Inline Text Editing
• Moment - Date Library
• SASS - CSS Preprocessor

Author

• Eirik Lin - kirie