https://github.com/asyraffff/react-messenger-clone

https://github.com/asyraffff/react-messenger-clone

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/asyraffff/react-messenger-clone
• Owner: asyraffff
• Created: 2020-07-24T12:15:38.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-19T01:46:28.000Z (6 months ago)
• Last Synced: 2025-01-23T01:48:36.808Z (4 months ago)
• Language: JavaScript
• Size: 1.75 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **Build a Facebook Messenger Clone using React JS and Firebase** ✔

![GIF](https://j.gifs.com/oVr53L.gif)

## **Front-end : React JS** ✔

## **Back-end  : Firebase** 🔥

## Live Demo 

https://messenger-react-clone.web.app/

 

 

### **React JS** is build by *Facebook* and can be used as a base in the development of *single-page* or *mobile applications.*

### **Firebase** is build by *Google* and this is a Realtime Database is a cloud-hosted NoSQL database that lets you store and sync between your users in realtime🔥

## **Dependencies to run the file as localhost in you computer.**

### 1. Default node modules which comes when you create a new react application.

### 2. Open cmd and direct to this folder or open this folder in Visual Studio Code and open the terminal, run the following codes:

            npm install @material-ui/core

            npm i firebase

            npm i -S react-flip-move

            npm install @material-ui/icons

### 3. To work with Firebase you should already have an account created in firebase, if not make one and follow it's instructions to make sure you are connected to it.

### 4. If you are a new user to firebase run in terminal, 

            npm install -g firebase-tools 

### this has to run only once because it's globally installed, therefore its not necessary to run "npm install -g firebase-tools" if you have alraedy done.

## If you are deploying the application for FIRST TIME, then open the terminal in VS and follow the steps given below:

### In the VS terminal run 

           "firebase init"

           select "Hosting"

           select "using existing project"  ( for this you should have your database created in firebase already )

           select "your created project in firebase"

           enter "build" and select Y

### You will now get a unique URL where you can run your application

## If you made changes to you application and want to deploy again run in VS terminal:

           npm run build

           firebase deploy

  

  👍🔥💻