Firebase v2 Social Network
Multi-Purpose Firebase Social Network with Firebase Authentication
** Firebase V3 - This version is currently not compatible with Firebase v3. Feel free to try out the Advanced Edition instead (supports Firebase v3) **
All you need to start your own Social Network today
This starter is a multi-purpose solution for creating your own Social Network today. It consists of the main functionalities that any social network has: follow or unfollow users, add posts, view timelines and manage your profile settings. It also comes with pre-configured sass settings, allowing you to change the look of the starter with ease. For example, replace the variable
$positive to your prefered color and the color yellow will immediately be replaced by your choice. The back-end consumes the Firebase in a noSQL setting for fast processing.
An overview of the functionalities:
- Sign up and sign in with E-mail and Password
- Recover a forgotten password
- Edit your E-mail and Password
- Sign in with Twitter, Google or Facebook (social authentication)
- View and manage timelines
- Add or manage posts
- Add images to posts
- Follow or unfollow users
- Search by username
- Manage your profile settings (details, profile picture, etc.)
- Change your profile picture (import from your phone albums or take a new picture)
For Ionic developers, it might be worth mentioning that this starter also showcases the use of ionic-plugin-keyboard, which allows you to place the keyboard below a footer. Handy for when you want to create a view with posts (see image).
Complete Setup Services for Non-Developers
If you are not a developer but would still like to use this package, then we also offer a Quick-Start Service. One of our developers will setup this package for you and guide you through the process. We also offer personal customizations (i.e. design and functionalities). If you are interested, feel free to reach out to firstname.lastname@example.org.
To start editing this code, make sure that NodeJS is installed in your workspace. Then run the following npm commands to install cordova and ionic globally:
npm install -g cordova ionic
Once the installation is complete, unzip the content of this package to the appropriate folder. ngCordova and other necessary plugins are included in the files.
If you are deploying this starter with Phonegap Build, make sure that you add the following cordova plugins in the
Firebase Authentication Setup
To setup the back-end, please ollow these steps:
- Create an account on firebase.com
- Then create a new app and open the dashboard.
- On your left, go to Login & Auth
- Go to Email & Password and press on Enable Email & Password Authentication
- Go to Facebook and paste your app ids. You can obtain them by following these instructions.
- Go to Google and paste your app ids. You can obtain them by following these instructions.
- Go to Twitter and paste your app ids. You can obtain them by following these instructions.
Steps 5 to 7 are optional. It is only if you wish to enable Social Authentication.
The final step is to point the app to the appropriate Firebase back-end. Open the file
www/js/app.js and replace the variable
FBURL with the appropriate url of your app (when you open your app dashboard, it's the url in the browser; something like:
Firebase Security Rules
- Copy the content of the file
- Head over to your app dashboard
- On the left, press on Security and Rules
- Paste and replace the content
Try before you buy
Download Ionic View (view.ionic.io), sign in, and enter the following app id: 56307b83