shishirsharma / slack-realtime-angularfire

Clone a slack app using AngularJS, Firebase and Angular Fire

slack-realtime-angularfire

This is the clone of Slack chat app with real-time support. Using Firebase and AngularJS.

Demo

https://fireslack-realtime.firebaseapp.com/

Video

Click on image to open video in new tab

How to test

1. Login to the FireSlack using at least two accounts in two different browsers. Or in the same browser but one is in normal, one is in incognito/private mode.
2. Click into one user or one channel and start typing.
3. You can see the message appear in another browser as well.

User for Testing

[email protected] - abcde12345-

[email protected] - abcde12345-

[email protected] - abcde12345-

[email protected] - abcde12345-

Feature

• Sign up for an account
• Join/create channels to chat in
• Have a user profile
• Direct message other users
• See who's online

Build & Development

Node.js and npm are essential to Angular development.

1. Install the npm packages described in the package.json: npm install
2. Run npm install -g bower grunt-cli to install Bower and Grunt.
3. Install the npm packages described in the bower.json: bower install
4. Run grunt for building and grunt serve for preview.

Testing

Running grunt test will run the unit tests with karma.

Reference

This project was originally based on the tutorial Learn to build a Real-Time Slack clone with AngularFire, but was modified for Firebase 3 and AngularFire 2