LinkedIn.Clone.-.Google.Chrome.2023-02-05.03-39-30.online-video-cutter.com.mp4

LinkedIn Clone

Built using React JS, Redux, Firebase & Styled-Components within a week. My first project after learning React JS referencing a tutorial on YouTube by 'Clever Programmer'. 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 share it now

Future Plans

• Might add more login methods
• Post deleting functionality
• Add comments on post

NOTE: PLEASE LET ME KNOW IF YOU DISCOVERED ANY BUG OR YOU HAVE ANY SUGGESTIONS