GithubHelp home page GithubHelp logo

linkedin_clone's Introduction

LinkedIn Clone

The challenge: Using React.JS create a LinkedIn Clone with the following features:

  • SignIn with a new account and store data like Name, Email, PhotoUrl and Password in Redux
  • LogIn and Logout of the given app.
  • Header section with search and other functionality.
  • SideBar with account details fetched from redux
  • Central feild with written posts functionality.
  • Integrating firebase to the feild to store posts and for global visiblity.
  • News section with Latest news.

Screenshot 2023-01-01 130605

Built with:

  • React JS
  • Redux
  • Firebase (Firestore)
  • Material UI
  • Flexbox
  • CSS
  • HTML5 markup

Quick start

Clone this repo, cd into it and run the following commands to install the dependencies:

git clone https://github.com/smitjiwani/linkedIn_clone
npm install

Initialise firebase DB

  • Go to to console.firebase.google.com

Screenshot 2023-06-02 130617

  • Create a new project

Screenshot 2023-06-02 130747

  • Go to project settings

Screenshot 2023-06-02 131359

  • Scroll down to the </> webapp icon

Screenshot 2023-06-02 131616

  • Copy the firebaseConfig to src/firebase.js

Screenshot 2023-06-02 131642

Development After installing all dependencies run Webpack in watch-mode to continually compile the JavaScript as you work:

npm run start

Production mode:

npmm run build

features to be added

  • Networking functionality.
  • Messaging feature.
  • Who viewed you functionality with actual data.
  • Recents with actual search data.
  • News section with realitime news api.
  • Notification feature with adding.
  • Photos videos and event features.
  • Like, Comment, Share features.

linkedin_clone's People

Contributors

karthikshetty5 avatar smitjiwani 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.