Introduction
  • Introduction
  • Before We Start
  • Introduction to Ionic
  • Introduction to Firebase
Introduction to the Ionic Framework
  • Installing NodeJS and VS Code
  • Installing Ionic and Creating an App
  • Understanding Ionic Folder Structure
  • Running the app on Android Emulator
  • Running the app on iOS Simulator
User Management with Firebase Authentication
  • Designing the Wireframes
  • Designing the Login Page
  • Designing the Signup Page
  • Installing anf Configuring Firebase
  • Signing up Users with Firebase Authentication
  • Login using Firebase Authentication
  • Polishing Login and Signup UX
Creating Feed using Firebase Cloud Firestore
  • Creating the Feed Page
  • Sketching the Wireframe
  • Designing the Feed Page - 1
  • Designing the Feed Page - 2
  • Creating a Post on Cloud Firestore
  • Getting Posts on Cloud Firestore
  • Ordering the Posts by Time
  • Pagination and Infinite Scrolling
  • Refreshing the Feed Page (Pull-to-Refresh)
  • Getting Realtime Updates
  • Improving UX and Adding Logout
Uploading Picture to Firebase Cloud Storage
  • Firebase Cloud Storage and Ionic Native
  • Importing the Camera Module
  • Launching the Camera
  • Using Chrome Remote Debugging
  • Displaying Image Preview
  • Uploading the Image
  • Displaying Images in Feed
  • Displaying Upload Percentages
Likes and Comments using Firebase Cloud Functions
  • Introduction to Cloud Functions
  • Likes and Comments
  • Installing Firebase CLI
  • First Cloud Function
  • Cloud Function for Likes
  • Testing with Postman
  • Implementing Likes Functionality in the App
  • Updating Likes in Realtime
  • Improving UX
  • Introduction to Comments
  • Creating a New Comment
  • Cloud Function for Comment Count
  • Creating Comment Modal
  • Displaying Comments in Modal
  • Finishing Comments Functionality
Push Notifications with Firebase Cloud Messaging
  • Introduction to Firebase Cloud Functions
  • Adding Apps on Firebase
  • Installing the Cordova Plugin for Firebase
  • Getting the Token
  • Sending First Push Notification
  • Automating Push Notifications
  • Testing Automated Push Notifications