Under the authentication tab for your project, click the sign-in method and you should see a list of providers currently supported by Firebase. Since you will be using the email and password authentication method in this tutorial, you need to enable this method for the project you created in Firebase, as it is by default disabled. For example, Social Auth, phone numbers, as well as the standard email and password method. Head over to Firebase and create a new project.įirebase provides support for authentication using different providers. To begin using Firebase, you’ll need a Gmail account. Head to Firebase to create a new project and activate the email and password authentication service. Make sure to include **env.js** in your gitIgnore file from being exposed online.Īccording to the requirements of the Instagram clone, you need to let users create a new account and login to the application, Firebase will be used to achieve that. Import and inject your secret keys in the **env.js** file containing your CometChat in this manner.ġ0. Navigate to Group tab and delete all the default groupsĬreate a file called **env.js** in the root folder of your project. Navigate to the Groups tab and delete all the default groups (very important). Navigate to Users tab and delete all the default users Navigate to the Users tab, and delete all the default users (very important). Select this newly added app from the list.įrom the Quick Start copy the APP_ID, REGION, and AUTH_KEY, which will be used later.Ĭopy the the APP_ID, REGION, and AUTH_KEY Log in to the CometChat Dashboard with your created accountįrom the dashboard, add a new app called 'instagram-clone'.

Register a new CometChat account if you do not have oneĪfter registering a new account, you need to the log in to the CometChat dashboard. Head to CometChat Dashboard and create an account. Step 4: Run cd to the ios folder then run pod install to install the pods. Step 3: Copy the dependencies from here and run the following statement. Step 2: Create a new project with the name instagram-clone with version 0.63.3 by running the following statement. Step 1: You need to have Node.js installed on your machine. This will help you to improve your understanding of this tutorial. To follow this tutorial, you must have a degree of understanding of the general use of React Native. Reactions, Media sharing, and read receipts Notifications for new messages, likes and follow requestsĪ tab where users can see all the latest notifications. Users can follow other users by simply clicking a ‘Follow’ button on any users profileįunctionality to upload new image/video as postĪ tab where users can see content uploaded by other users they followĪbility for users to upload short (1-min) videos User superhero dummy users for this tutorial We should cover the following topics in this tutorial:Īdd API call when a user registers so that the user is created in CometChat This tutorial will help you to create the Instagram clone in React Native, Firebase, and CometChat. Using the CometChat React Native UI Kit, React Native, and Firebase, you will learn how to build one of the Instagram clone with minimal effort. One of the most widely used features is live chat. We use a lot of social applications, and chat applications every day, including Facebook, Instagram, Twitter, WhatsApp, and so on. App and web development have come a long way over the last few years.

Instagram like app