mappmechanic / whats-up-realtime-status-update

An app that let's you see any User's Status in realtime

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

whats-up-realtime-status-update

An app that let's you see any User's Status in realtime

View tutorial

Prerequisite Softwares

  • NodeJS
  • NPM
  • Yarn (Optional)

Running the Project

In order to run the app on your machines, please follow the below given steps:

  1. Clone the Repo using the URL - https://github.com/mappmechanic/whats-up-realtime-status-update
 git clone https://github.com/mappmechanic/whats-up-realtime-status-update.git
  1. Run either of the following commands to install dependencies
 npm install

OR

 yarn
  1. Signup at https://pusher.com/signup.

  2. Create a new app to obtain the API Key, secret & appId. Also, I have chosen the cluster 'ap2 (Mumbai, India), but you will be required to choose a cluster specific to your app users.

Replace the respective key, secret & appId for pusher initialisation in server.js file with your values:

    var pusher = new Pusher({
    appId: '<your-app-id>',
    key: '<your-api-key>',
    secret: '<your-app-secret>',
    encrypted: true
    });
  1. Finally you will have to also replace your app-key in app.js file too:
 ...
 pusher = new Pusher('<your-api-key>', {
    authEndpoint: '/usersystem/auth',
    encrypted: true
 }),
 ...
  1. Now we are ready to run our app using the following node commands
node server
  1. We will be able to access the app at http://localhost:9000

For Any clarifications or questions Tweet to me at https://twitter.com/mappmechanic

About

An app that let's you see any User's Status in realtime

License:MIT License


Languages

Language:JavaScript 57.2%Language:HTML 23.2%Language:CSS 19.6%