README.md

Linked-In-Clone

---

🚥 About

Redesigned Linked-In web application using React , Firebase , Material-UI with full responsiveness by including core functionalities like login and upload posts

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

---

📜 Specifications

• Precisely designed UI, replicates the original Linked-In's UI. Thanks to Material-UI
• Functionalities : Login with firebase google popup, posting images, videos and ofcourse plain text
• Fully responsive design. Suites perfectly for all size devices
• UI feels much good in mobile view
• DARK MODE toggle feature

---

🎥 Preview

• 🖥 Desktop view :

  

• 📱 Mobile view :

  

---

🛠 Tech used

• React
• React Hooks
• Redux
• Redux-Thunk
• Material UI
• Flexbox
• Lottie-Web
• Firebase
  • Google authentication
  • Firestore
  • Storage
  • Hosting

---

⛔ Pre-requisites

1. Install NODE (if not already been 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/linked-in-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