GithubHelp home page GithubHelp logo

ronakkosamia / angularjs-hubbub Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pubnubdevelopers/angularjs-hubbub

0.0 2.0 0.0 288 KB

Angular JS HubBub chat application

Home Page: https://realtime-streams.pubnub.com/angularjs-hubbub/#/login

JavaScript 71.76% HTML 14.67% CSS 13.57%

angularjs-hubbub's Introduction

AngularJS Hubbub

This is a full AngularJS chat app built with PubNub

AngularJS Hubbub Screenshot

Features

  • Load earlier messages with infinite scroll
  • Typing indicator
  • Realtime user roster
  • OAuth 2.0 authentication flow with Github OAuth
  • Private and secure communication
  • Friends list
  • Direct chat

Roadmap

  • Sending pictures
  • Group chat
  • AES-256 encryption
  • Digital Signature Message Verification
  • IOS / Android native packaging with Ionic
  • ...

Tutorials

Learn how to build this chat app by following these easy-to-follow tutorials:

Quick start instructions

Obtaining OAuth Keys

Obtaining PubNub Keys

  • Visit https://admin.pubnub.com/ to login or create an account
  • Click on the New app button and give it a name.
  • Click on the Create new keyset button and give it a name
  • Get your Publish Key, Subscribe Key and Secret Key

Running the client

  • Insert your PubNub keys, OAuth keys and server configuration in a client/config.json file.
    There is an example in the client/sample.config.json or below is how this file looks like:
{
	"PUBNUB_SUBSCRIBE_KEY": "sub-c-61b076f2-fed0-...............",
	"PUBNUB_PUBLISH_KEY": "pub-c-d22410bf-edc6-44fb-............",
	"GITHUB_CLIENT_ID": "1e439e............",
	"GITHUB_REDIRECT_URI": "http://localhost:9000/",
	"GITHUB_ACCESS_TOKEN_REQUEST_URL": "http://localhost:3000/auth/github",
	"SERVER_URL": "http://localhost:3000/"
}
  • Execute the following commands in your terminal:
cd client
bower install
npm install
grunt serve

Run grunt build for building the production app

Running the server

  • Insert your PubNub keys, OAuth keys and server configuration in a server/.env file.
    There is an example in the server/.sample.env or below is how this file looks like:
PUBNUB_SUBSCRIBE_KEY=sub-c-61b076f2-fed0-...............
PUBNUB_PUBLISH_KEY=pub-c-d22410bf-edc6-44fb-............
PUBNUB_SECRET_KEY=sec-c-MGM4ZjJkNTYtNzQ1Zi0................
SERVER_PUBNUB_AUTH_KEY=....ANY-RANDOM-STRING.....
GITHUB_CLIENT_ID=1e439e............
GITHUB_CLIENT_SECRET=3c69fde2d90e3............
GITHUB_REDIRECT_URI=http://localhost:9000/
GITHUB_ACCESS_TOKEN_REQUEST_URL=http://localhost:3000/auth/github
  • Execute the following commands in your terminal:
  cd server
  npm install
  npm start

angularjs-hubbub's People

Contributors

supertinou avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.