InstaChat – Instagram Clone Ionic 4 And Firebase

Overview

Download Android apk: https://drive.google.com/open?id=1L6avSag5vWGtBvE7EKGuWzGhZpHj_hH4

Overview


This Application corvers everything that you need in Instagram, written in Ionic 4, 5 and firebase leatest version, this is clean code and easy to understand, beautiful, the same functionality of facebook and Instagram, this is tested and trusted, you may test by your self, firebase leatest version, the app uses SASS, which is known as CSS with power of each component has dedicated SASS file for styling make it very beautiful looking UI.

Features

timeline
  • User can post a Story
  • User can post image to Timeline.
  • User like and comment on post.
  • User can view his comment Notification and Replay, base on what his post in the timeline.
  • User Follow and Unfollowing User
  • Counting Followers and Following
  • User can view his friend information
image
  • User can update his profile
  • View your Timeline post.
  • Contact syncing.
  • Settings appication.
  • View Archived
  • Searching friend.
image
  • Messaging one to one chatting
  • Send photo message
  • Delete Messaging.
  • With current time send.
  • View user status online and lastseen.
  • View user Information
image

Requirements

  1. Ionic 4, 5.
  2. firebase Db.
  3. Cordova.
  4. Node js.
  5. Android SDK.
  6. X code.

Instructions

IMPORTANT: Get Started with InstaChat in ionic 4, 5


  • Download Node js

Node.js is an open-source and cross-platform JavaScript runtime environment. It is a popular tool for almost any kind of project! Download Node js https://nodejs.org/en/download/

  • Installing ionic

Ionic apps are created and developed primarily through the Ionic commandline utility. The Ionic CLI is the preferred method of installation, as it offers a wide range of dev tools and help options along the way. It is also the main tool through which to run the app and connect it to other services, such as Ionic Appflow. npm install -g ionic Before proceeding, make sure the latest version of Node.js and npm are installed. See For more information visit https://ionicframework.com/docs/faq/glossary#npm

  • unzip the file.

  • open the file , make sure your current folder in your IDE or visual studio code.

  • navigate to your terminal

  • npm install

  • ionic serve

  • ionic cordova build android

  • ionic cordova build ios

Related