Skip to content

LINKEDIN CLONE USING REACT JS , REDUX , MATERIAL UI (DESIGN COMPONENTS)

Notifications You must be signed in to change notification settings

s0409/LinkedIn-Clone

Repository files navigation

LinkedIn Clone

Deployed Link

_Built using React JS, Redux, Firebase & Material UI within a week. My first project after learning React JS referencing a tutorial on YouTube by 'Sunny Sangha'.

Features and Fuctionality

  • Login using Email (Firebase Authentication)
  • Created Database (Firebase Firestore Database)
  • Create a new post
  • Realtime update posts
  • Click on Me to 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 email

  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