jahangircsebuet / facebook-clone

Facebook web application clone using react and firebase. This build covered basic functionalities i.e., login and user posts with 100% responsive design

Facebook-Clone

---

🚥 About

Building facebook application clone using React and Firebase. This build covers the core functionality (uploading normal text, images & videos) of original facebook application. The best thing of the build is, it is fully responsive and looks better in most of the devices. It includes dark/light theme toggle feature as well

🔌 Live Website Link: https://phanison-fb-clone.web.app/

---

🎥 Preview

• 🖥 Desktop view :

  

• 📱 Mobile view :

  

---

🛠 Tech used

• React
• React hooks
• Redux
• Material UI
• Flexbox
• Firebase
  • Google authentication
  • Firestore
  • Storage
  • Hosting

---

⛔ Pre-requisites

1. Install NODE (if not already installed)
2. Setup FIREBASE project and get the api config values. Checkout how to setup firebase project?

---

✅ How to make use of this build?

1. Clone the repository

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

2. Navigate to the cloned directory

   cd path/to/cloned/directory

3. Create .env file with following properties and paste firebase config values respectively

   REACT_APP_API_KEY=....................................
   REACT_APP_AUTH_DOMAIN=................................
   REACT_APP_PROJECT_ID=.................................
   REACT_APP_STORAGE_BUCKET=.............................
   REACT_APP_MESSAGING_SENDER_ID=........................
   REACT_APP_APP_ID=.....................................

4. Install node packages

   npm install

5. Start the development server

   npm start

6. Happy learning 😊
7. Please consider to star ( ⭐ ) this repo. It'll boost my confidence

---

☎ Feel free to reach out to me