B0s0 / facebook-clone

Mobile Responsive Facebook Clone with Login ( Google) and Post functionalities. Made with React JS and Firebase.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FACEBOOK Clone

Facebook Clone using React js, HTML, CSS and Firebase.

How to start?

Clone my repository

git clone https://github.com/B0s0/facebook-clone.git

Change directory

cd facebook-clone

Install all packages

npm install

Necessary firebase steps

  • Register a web app in your firebase project if youve got one if not make one.
  • Enable google authentication in your firebase project.
  • Create a new posts collection in your firestore database.

Get your Config from Project settings

In your project settings scroll down untill you see your apps. Then copy the config of your web app. and fill the details in env.example

Rename env.example

Rename env.example to .env

npm ..

  • Do npm run build or if you just want to checkout stuff do npm start

Firebase Deploy

Manage your hosting settings and deploy this to firebase. I WON'T be covering this topic, you can find videos online.

Live Demo

CHECK ME OUT!!

About

Mobile Responsive Facebook Clone with Login ( Google) and Post functionalities. Made with React JS and Firebase.


Languages

Language:JavaScript 73.4%Language:CSS 19.8%Language:HTML 6.9%