Giter Club home page Giter Club logo

ionic-firebase-chat's Introduction

IonicFirebaseChat

IonicFirebaseChat is a sample chat widget powered by Firebase. We created a simple authentication system with email and Facebook support in Ionic.

Screenshot

alt text

login with facebook

chat

add room

Setup

1.Setting up a Firebase Account

In order to user Firebase, you need to have an account with them. Url: https://www.firebase.com/signup/

2.Setting up a facebook App for Login

Login the firebase dashboard, and select the login&&Auth tab, select the facebook tab, fill the Facebook APP Id and Facebook App Secret. https://developers.facebook.com/

3.Install the lib by bower
bower install firebase --save
bower install angularfire --save
bower install angular-md5 --save  // md5 for Angular.js and Gravatar filter
4.Replace the firebase url with your's in www/js/configs.js

Data Structure

  • users/

    • user-id
      • username - The display name of the user.
      • email - The user email.
      • connected - The user online or offline.
  • rooms/

    • room-id
      • name -The room name.
      • type - The room type(private and public).
      • createdAt- The time at which the room was created.
      • ownerId - The room's owner id .
  • room-messages/

    • room-id
      • message-id
        • sender_username
        • sender_email - For getting the gravatar.
        • content - The message content.
        • createdAt - The time at which the message was created.

Get help

ionic-firebase-chat's People

Contributors

xifengzhu avatar

Stargazers

Praveen Singh Shekhawat avatar

Watchers

James Cloos avatar Praveen Singh Shekhawat 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.