zahid492 / Realtime-colloboration-App-MEAN-Socket.io

Home Page:http://telecom-zahid492.rhcloud.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Realtime Telecom Industry Colloboration applicaton(Mini Domain)

This project inspired by facebook specially comment and notification system developed by MEAN(Mongo,Express Js,Angular JS,Node JS) & Socket.io.

Little Description
Admin can assigned a new job to a engineer and respective engineer get job assigned notification.If any issue of the assigned job ,engineers of a telecom company can collaborate there task to the others engineer,they post task(site) specific issue and thread of an specific task(site) ,may have some discuss on this topics. And when engineer get a job they change job status(Complete,Implementation,Hault). Finally some socket always run in the backend if any change of data then it affects on other Engineers realtimely, when someone comment on a post then just only all related member of that post found a notification like as facebook.

Admin User1 User2
Username admin user1 user2
Password 123123123 123123123 123123123

I attached few credential,please connect all in at a time in different browser,then admin assigned job a user category then see in user browser a floating Notification like as facebook, and if any one comment on a specific site(inside site) then a notification sent to the all related person of that post.

Check out the live example!

Server Side(Node JS,Express JS,Mongo DB):

This is a simple Nodejs API, using MongoDB for persistence, and use mongoose wrapper. Gulp for task automation and mocha for API testing.

Installation

1.Clone the repository: git clone https://github.com/zahid492/Realtime-colloboration-App-MEAN-Socket.io.git
2.Install the NodeJS dependencies: npm install.
3.Install the Bower dependencies: bower install.
4.After that, change the mongodb Uri in database config object at app/config/db.js
5.Run the api: node server.js.
6.Run the gulp default task: gulp. This will build any changes made automatically, and JSHint task setup that watch api error and show in terminal
http://localhost:8080.

Testing: Simple tests were provided, but soon I'll make them better. To test the API (since its started) run:

mocha

Modules & Packages
Express
Body Parser</a
Formidable(File uploading)
Mongodb
Mongoose(Mongodb wrapper)
Morgan(Log)
Socket.io
Underscore
Bcrypt Node Js(Hashing Password)
Jsonwebtoken(JSON Web Token (JWT) is a compact token format intended for space)
Gulp(Task Runner)
Chakram(Testing)
Jshint(Watch error)

Client Side(Angular JS):
Installation(For Development):
1.Change the root dircory & cd client-side
2.Using grunt task runner for the client side,it helps us to show JS error by JS hint,it's so powerful for minified HTML,CSS,JS and it also help us to production ready program. --

To run this program grunt serve(Development Phase)
grunt serve:dist(Production deployment)

Modules & Packages
Ui-Router
ngCsv
Chart.js
btford.socket-io
Angular Moment

Testing: In future i try to some E2E testing by protractor sellenium webdriver.

If you fell free to contact with me...zahidcse09@gmail.com

About

http://telecom-zahid492.rhcloud.com/


Languages

Language:JavaScript 33.9%Language:CSS 31.9%Language:HTML 26.5%Language:ApacheConf 7.8%