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

https://github.com/shankytiwari/private-chat-app-angular-boilerplate

This a boilerplate For Private chat app using angular
https://github.com/shankytiwari/private-chat-app-angular-boilerplate

Last synced: 7 months ago
JSON representation

This a boilerplate For Private chat app using angular

Awesome Lists containing this project

README

          

# (Boilerplate) Real time private chatting app using Angular Nodejs mongodb and Socket.io
This a boilerplate For [Real time private chatting app using Angular Nodejs mongodb and Socket.io](https://github.com/ShankyTiwari/Real-time-private-chatting-app-using-Angular-Nodejs-mongodb-and-Socket.io) repository. This app is built using Angular (version 6.1.3). This is SPA application, which uses ng-bootstrap. Server-side is written in Nodejs (version 8.9.4) and MongoDB(version 3.6.3).

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.8.

## Explanation and Blog Post
I have written a complete article on this application in three parts, for more details and Code explanation.

1. [Blog Post Part 1](http://www.codershood.info/2017/02/09/real-time-private-chatting-app-using-angular-2-nodejs-mongodb-socket-io-part-1/) => Covers the prerequisites, server configuration setup and REST API along with socket.io integration on the server.
2. [Blog Post Part 2](http://www.codershood.info/2017/02/10/real-time-private-chatting-app-using-angular-2-nodejs-mongodb-socket-io-part-2/) => This part covers the configuration our angular application and application Routing and implementation our application’s services.
3. [Blog Post Part 3](http://www.codershood.info/2017/02/18/real-time-private-chatting-app-using-angular-2-nodejs-mongodb-socket-io-part-3-2/) => Implementation of Login and Registration functionality.
3. [Blog Post Part 4](http://www.codershood.info/2017/03/05/real-time-private-chatting-app-using-angular-2-nodejs-mongodb-socket-io-part-4/) => Building homepage of the application where the user actually can chat with each other.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.