GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → xifengzhu → Ionic Firebase Chat

xifengzhu / Ionic Firebase Chat

Create a Real Time Chat App with Ionic && Firebase

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

firebasefacebookionicrealtime-messaging

Projects that are alternatives of or similar to Ionic Firebase Chat

Ionic Chat With Firebase
IONIC Chat With Firebase
Stars: ✭ 53 (+60.61%)
Mutual labels:  firebase, ionic
Fcm
Enable Firebase Cloud Messaging for Capacitor apps
Stars: ✭ 120 (+263.64%)
Mutual labels:  firebase, ionic
Ionic Social Login With Firebase
IONIC - Social Login with Firebase
Stars: ✭ 58 (+75.76%)
Mutual labels:  firebase, ionic
Nativescript Plugin Firebase
🔥 NativeScript plugin for Firebase
Stars: ✭ 990 (+2900%)
Mutual labels:  firebase, facebook
ionic-auth-firebaseui
Ionic UI component for firebase authentication powered by @firebase, @angular and @angular/fire
Stars: ✭ 25 (-24.24%)
Mutual labels:  facebook, ionic
Pwa Workshop Angular Firebase
Build a production ready PWA with Angular and Firebase! This workshop consists of multiple steps for producing a PWA by transforming a regular web app - Ionic Conference App into a PWA, finally deploying it to Firebase.
Stars: ✭ 45 (+36.36%)
Mutual labels:  firebase, ionic
Ionic Firebase Mega Starter
Mega Starter template for Ionic & Firebase Apps
Stars: ✭ 78 (+136.36%)
Mutual labels:  firebase, ionic
Kotlin Firebase Group Chat
Group and OneonOne chat using firebase built in Kotlin similar to whatsapp.
Stars: ✭ 44 (+33.33%)
Mutual labels:  firebase, realtime-messaging
ionic2-firebase-hackathon-starter
A hackathon starter for ionic2 using firebase, already has user authentication, reset password, google login etc
Stars: ✭ 34 (+3.03%)
Mutual labels:  facebook, ionic
Whizzz-The-ChatApp
Whizzz is a real-time, one-to-one Android chat application made using Firebase, a beautiful user interface, and a push-notification feature.
Stars: ✭ 66 (+100%)
Mutual labels:  facebook, realtime-messaging
Ionic Firebase Starter App
Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)
Stars: ✭ 77 (+133.33%)
Mutual labels:  firebase, ionic
Chat app
A flutter chat app built with firestore. It is clone of messenger.User can create stories,chat and search in real time.
Stars: ✭ 493 (+1393.94%)
Mutual labels:  firebase, facebook
Ionic Firebase Shopping Cart
HTML5 shopping cart using Firebase
Stars: ✭ 236 (+615.15%)
Mutual labels:  firebase, ionic
React Native Messenger
Facebook Messenger Implementation using react-native
Stars: ✭ 351 (+963.64%)
Mutual labels:  firebase, facebook
Beaverandfairies
Stars: ✭ 14 (-57.58%)
Mutual labels:  firebase, facebook
Date
A dating app that creates meaningful connections through food (Push notifications, Firebase, Chat, Schedule Calendar, Onboarding, Social media Login)
Stars: ✭ 29 (-12.12%)
Mutual labels:  firebase
Ably Go
Go client library SDK for Ably realtime messaging service
Stars: ✭ 29 (-12.12%)
Mutual labels:  realtime-messaging
Mangosta Ios
MongooseIM client for iOS
Stars: ✭ 28 (-15.15%)
Mutual labels:  realtime-messaging
Shoutoutplay
The mobile app that allows you to create and record personal dedications using your favorite music playlists for corporate events, parties, weddings and get togethers.
Stars: ✭ 28 (-15.15%)
Mutual labels:  firebase
Firecord
Firecord is an ODM framework for Firebase in Ruby.
Stars: ✭ 32 (-3.03%)
Mutual labels:  firebase
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].