/linkedin-clone

Built using React JS, Redux, Firebase & Styled-Components

Primary LanguageJavaScriptMIT LicenseMIT

LinkedIn Clone

LinkedIn Clone Demo

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