Chatroom using modern libraries

This project was bootstrapped with create-react-app-typescript.

The purpose of this is to see how to use modern web libraries together in a single, cohesive web app. Sometimes it's more helpful to see real world examples, because those are the places we run into questions about design or architecture choices.

Libraries

• TypeScript
• React.js
• Blueprint.js
• Socket.io
• React Router
• Styled Components
• Normalize.css
• OpenID Connect (Login with Google)
• TSLint

I also have an example of how to add missing type definitions for libraries that don't already have any.

Run

Server:

$ cd server
$ cp config-sample.json config.json
$ npm install
$ npx tsc
$ node dist/index.js

Client:

$ cd client
$ npm install
$ npm start

Visuals