Skip to content

This is a clone of LinkedIn.com. In this project we have implemented features like connect with others, create posts, like, comment, showing notifications among other features

Notifications You must be signed in to change notification settings

ks-1007/LinkedIn-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LinkedIn

Project:- Clone of LinkedIn.com

LinkedIn, the world's largest professional network with 774+ million members in more than 200 countries and territories worldwide.

it is connecting the world’s professionals to make them more productive and successful.

About the project

  • This project was built from both sides, Front-end and Back-end.
  • Initially,it starts with a landing page which can take you to singup page where you can use google sign in to sign up or login.
  • After entering into website, the user can see his profile page where he can add additional information and edit previous ones including pictures
  • The user can explore to the new connections with the network page and can send connection requests, similar way others can accept after it was updated in invitations
  • A particular user can checkout others profile on clicking on them
  • Posting in the feed is precisely implemented with the pictures along with the caption and the feed also shows the posts from your connections
  • Whatever action is done in your profile or with your connections it is updated and also shown in "Notification page"
  • Additionally the user can also see the fresh openings of jobs
  • Tech-stack we used for Front-end:

    1. React
    2. JavaScript
    3. CSS

    Tech-stack we used for Back-end:

    1. Express Js (Server - Node js)
    2. Mongodb (Database)

    Tech library used:

    1. Material UI & material icons
    2. Redux
    3. React-redux
    4. Passport-google-oauth20
    5. React Icons
    6. Axios
    7. React-router-dom
    8. Styled Components
    9. Timeago.js
    10. Body-parser
    11. Mongoose
    12. Dot-env
    13. Jsonwebtoken
    14. Lodash

    Install the packages

    After cloning this repository, the commands required for running this app are

    npm install
    
    npm run server
    
    npm start
    

    Pages Designed:

    1. Landing Page
    2. Login and sign up(form) page
    3. Profile page
    4. Feed page
    5. My network page
    6. Notifications page
    7. Jobs page

    Team members:-

    Kumar Saurav View GitHub profile

    Deependra Negi View GitHub profile

    Vamsi Gudivada View GitHub profile

    Screenshots

    Landing page

    alt text

    Sign up and Login

    alt text

    Feed page (Home)

    alt text

    My network ( connections )

    alt text

    Jobs page

    alt text

    Notifications page

    alt text

    My network ( Invitations and new suggestions )

    alt text

    Page Loader for the entire website

    alt text

    we tried our best to make a good design and functionality in 5 days from both Front-end and Back-end.
    I am glad that you visited here, Thank you.

    About

    This is a clone of LinkedIn.com. In this project we have implemented features like connect with others, create posts, like, comment, showing notifications among other features

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published

    Contributors 3

    •  
    •  
    •