A chat application implemented using Socket.io, TypeScript, Angular and Angular Material components
Switch branches/tags
Clone or download
OscarScholten and luixaviles Fix typos in links
- nodejs link rendered broken
- updated git link as it redirects to https
Latest commit 4dee163 Mar 6, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
client Move @types dependencies to dev Jan 17, 2018
server Minor changes into model definition Dec 20, 2017
.gitignore Adding client base project Nov 29, 2016
LICENSE Initial commit Nov 11, 2016
Procfile Adding Procfile Nov 11, 2016
README.md Fix typos in links Mar 6, 2018


GitHub stars Tweet

A Socket.io Chat Example Using TypeScript

This repository contains server & client side code using TypeScript language

Blog Post

Read the blog post with details about this project: Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular

Live Demo

Try live demo: https://typescript-chat.firebaseapp.com

Support this project

  • Star GitHub repository ⭐️
  • Create pull requests, submit bugs or suggest new features
  • Follow updates on Twitter or Github

Running Server and Client locally


First, ensure you have the following installed:

  1. NodeJS - Download and Install latest version of Node: NodeJS
  2. Git - Download and Install Git
  3. Angular CLI - Install Command Line Interface for Angular https://cli.angular.io/

After that, use Git bash to run all commands if you are on Windows platform.

Clone repository

In order to start the project use:

$ git clone https://github.com/luixaviles/socket-io-typescript-chat.git
$ cd socket-io-typescript-chat

Run Server

To run server locally, just install dependencies and run gulp task to create a build:

$ cd server
$ npm install -g gulp-cli
$ npm install
$ gulp build
$ npm start

The socket.io server will be running on port 8080

Run Angular Client

Open other command line window and run following commands:

$ cd client
$ npm install
$ ng serve

Now open your browser in following URL: http://localhost:4200


The Open Source community is awesome! If you're working in a fork with other tech stack, please add the reference of your project here:

Features Author Status
React + TypeScript + Material-UI client nilshartmann In Progress


Contributions are greatly appreciated. You can contribute by adding i18n support with your language, the testing section or any other feature.


luixaviles hughanderson4 ultrarunner theIDinside carmius Hellmy
luixaviles hughanderson4 ultrarunner theIDinside carmius Hellmy