Code Monkey home page Code Monkey 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

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

linkedin-clone's Issues

Typo in README.md - "Fuctionality"

Dear DeeshanSharma,

I hope this message finds you well. I wanted to bring to your attention a minor typo in the README of your LinkedIn Clone project. In the "Features and Fuctionality" section, the word "Fuctionality" appears to have a typo. It's a small issue, but I thought it would be helpful to point it out for the sake of clarity and professionalism.

Here's the corrected sentence:

Before: "Features and Fuctionality"
After: "Features and Functionalities"

Thank you for your hard work on this project and for considering this small improvement. If you have any questions or need further assistance, please feel free to reach out.

Best regards,
Arun Pranav A T

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.