https://github.com/zmyzheng/socket-io-typescript-chat-app

A Real Time Chat App with TypeScript: Integrating WebSocket(socket.io) , Node & Angular
https://github.com/zmyzheng/socket-io-typescript-chat-app

angular angular-material2 chat-app nodejs socket-io typescript websocket

Last synced: 7 days ago
JSON representation

A Real Time Chat App with TypeScript: Integrating WebSocket(socket.io) , Node & Angular

• Host: GitHub
• URL: https://github.com/zmyzheng/socket-io-typescript-chat-app
• Owner: zmyzheng
• Created: 2018-07-17T04:24:43.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-19T07:03:37.000Z (over 6 years ago)
• Last Synced: 2024-12-11T07:23:46.104Z (2 months ago)
• Topics: angular, angular-material2, chat-app, nodejs, socket-io, typescript, websocket
• Language: TypeScript
• Homepage:
• Size: 3.84 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Socket-IO-Typescript-Chat-App

![](chat.gif)

![](WebsocketCommunication.png)

# Running Server and Client locally

## Prerequisites

1. [NodeJS](https://nodejs.org)

2. [Git](https://git-scm.com)

3. Angular CLI - Install Command Line Interface for Angular [https://cli.angular.io/](https://cli.angular.io/)

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

## Clone repository

```bash

$ git clone https://github.com/zmyzheng/Socket-IO-Typescript-Chat-App.git

$ cd Socket-IO-Typescript-Chat-App

```

## Run Server

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

```bash

$ cd server

$ 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:

```bash

$ cd client

$ npm install

$ ng serve

```

Now open your browser in following URL: [http://localhost:4200](http://localhost:4200/)