/Chatppl

Its Hybrid Mobile Application built using Ionic Frame Work. Its a Chat application which allow user to find and add people near them using map and chat with them.

Primary LanguageJavaScript

Chatppl

It Hybrid Mobile Application built using Ionic Frame Work. Its a Chat application which allow user to find and add people near them using map and chat with them.

This App is calling REST API's from the Node.js Server

Features

  • User can logined using their Facebook and Google Plus accounts.
  • User can find people near them using map and can send request to them
  • User can synchronize their contacts in the app and will be able to chat with their contacts.
  • User will be notified when someone is online in his contacts list is near user location.

Plug-in Used

I am thankful to ngCordova developers for developing these easy to use plugin. Plugin used in this app are as following:

  • Social plug-in for Facebook and Googel+ Login.
  • In-app browser
  • GeoLocation (used to get and watch user location)
  • Contacts (used to get users contacts info)
  • Toast message (used to show user messages)

Development Environment Setup

Pre-requisites:

  • Node.js
  • Cordova
  • Ionic

Install NodeJS x64 distributions from its websites.

To install Cordova:

$ npm install cordova -g

To install Ionic

$ npm install ionic -g

Plug-in Installation

To install In-App Browser

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

To install GeoLocation

cordova plugin add cordova-plugin-geolocation

To install Contacts

cordova plugin add cordova-plugin-contacts

To install Toast

cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git

Runing Application.

Move to the Project Directry

$cd projectDirectry
  • Adding API Key (same as on Node.js Server)
  • Open file restangularConfig.js and your Key here
$cd www/js/config
var auth = 'API key'; //Change the API key 
  • Adding Android Platform
$ionic platform add android
  • Adding ios Platform
$ionic platform add ios
  • Running in Browser
$ionic serve
  • Running in emulator
$ionic emulate android/ios
  • Deploying app in mobile connected to computer via usb cable
$ionic run android/ios
  • Create applcaiton file i.e .apk,etc.
$ionic build android/ios

#Screenshots of Application

#License MIT