amananku26 / Facebook-Clone

The aim of this project is to make a pixel-perfect clone of Facebook. I used the BEM naming Convention in this project with many more libraries and packages such as material UI etc. Used Firebase for the databases

Home Page:https://facebook-clone-ccd54.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Facebook-Clone

Live Web App

  • Challanges

    • The aim is to make all the stuffs perfetcly align
    • To make the user interface clean
    • Make Sure that the post are uploads fine even without uploading pics
  • What i Learn?

    • implementing firebase for login
    • Learn how to retrive and post data in to cloud firestore
    • Learn some good CSS trics to align items
    • Learn to handle components in more better way
  • Steps to use the app

    • First Login with google account
    • You Will see all the details and profice pic
    • then scroll to the post
    • Below Story reels you will find a message sender components
    • here you can type post (ant text...) and paste the url of any images
    • now type enter to upload the post
    • finish
Tech Stack Used

Let You Walk through the UI

Login page

Login Page

Home Page/ Dashboard

Home Page

Post

Post Page

About

The aim of this project is to make a pixel-perfect clone of Facebook. I used the BEM naming Convention in this project with many more libraries and packages such as material UI etc. Used Firebase for the databases

https://facebook-clone-ccd54.web.app/


Languages

Language:JavaScript 66.0%Language:HTML 17.1%Language:CSS 16.9%