Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/santoshshinde2012/rxjs-websocket

Basic demo for RxJS and WebSocket in Angular and Node JS
https://github.com/santoshshinde2012/rxjs-websocket

angular nodejs rxjs rxjs-examples rxjs-observables rxjs5

Last synced: 3 days ago
JSON representation

Basic demo for RxJS and WebSocket in Angular and Node JS

Awesome Lists containing this project

README

        

# RxJS-WebSocket

Basic demo for RxJS and WebSocket in Angular and Node JS

# Uses

* RxJS(rxjs)
* WebSocket(ws)
* Angular CLI
* Typescript

### Cloning The GitHub Repository

```bash
$ git clone https://github.com/santoshshinde2012/RxJS-WebSocket.git
```

## Quick Install

Once you've downloaded the demo and installed all the prerequisites, you're just a few steps away from starting to develop your demo application.

The demo comes pre-bundled with a `package.json` file that contain the list of modules you need to start your application.

To install the dependencies in client and server, run this in the application folder from the command-line:

```bash
$ npm install
```

This command does a few things:
* First it will install the dependencies needed for the application to run.
* If you're running in a development environment, it will then also install development dependencies needed for testing and running your application.
* When the npm packages install process is over, npm will initiate a bower install command to install all the front-end modules needed for the application
* To update these packages later on, just run `npm update`

## Running Your Server Application

Run your application using npm:

```bash
$ npm start
```

Your application should run on port 8999 with the *development* environment configuration, so in your browser just go to [http://localhost:8999/](http://localhost:8999/)

## Running Your Client Application

Run your application using npm:

```bash
$ npm start
```

Your application should run on port 4200 with the *development* environment configuration, so in your browser just go to [http://localhost:4200/](http://localhost:4200/)

Try to open same URL [http://localhost:4200/](http://localhost:4200/) in two or more browser windows and play with the broadcast button.

![alt text](https://raw.githubusercontent.com/santoshshinde2012/RxJS-WebSocket/master/demo/demo.gif)

### About Me

* [Github](https://github.com/santoshshinde2012) (@santoshshinde2012)
* [Twitter](https://twitter.com/shindesan2012) (@shindesan2012)
* [Stackoverflow](https://stackoverflow.com/users/4319438/santosh-shinde) (@user:4319438)
* [Medium](https://medium.com/@shindesan2012) (@shindesan2012)