Mobile responsive Linkedin Clone website built with:

• React JS
• Redux
• Firebase
• Styled-Components

Check-out the website demo: Linkedin Clone

Sign in Page Layout:

Home Page Layout:

Post Page Layout:

Added some features apart from the tutorial on my own like:

• Post like functionality
• Mobile responsiveness

Features and Fuctionality

• Login using Google (Firebase Authentication)
• Create a new post
• Share photos and videos (React player for videos)
• Like posts
• Realtime update likes and posts
• Auto authenticate user on refresh
• Sign Out

How to build your own..?

1. Clone this repo

2. Install all the dependencies

   npm i

3. Setup Firebase

   • Create Firebase account

   • Create a new project

   • Create a web app for that

   • Copy your config from there

     • Select config option
     • Paste those config inside firebase/config.js file

   • Setup authentication using Google

4. Tweak code as you like

5. Let's build the optimized version

   npm run build

6. Now for hosting on Firebase lets config Firebase locally

   • Install Firebase CLI

   • Login to Firebase

     firebase login

   • Initialize Firebase

     firebase init

   • Select hosting in the menu

   • Select your respective project from the list

   • Select 'build' as your hosting directory and other options as you want

   • Let's deploy our clone and make it live

     firebase deploy

That's it our clone is up and running! Have fun!