Giter Club home page Giter Club logo

linkedin-clone's Introduction

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

linkedin-clone's People

Contributors

deeshansharma avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.