Code Monkey home page Code Monkey logo

chatppl's Introduction

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

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.