LinkedIn Clone

live project: https://linkedin-clone-639f1.web.app/

discord: https://discord.gg/axgcuQcT

Node 16 required.

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.

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

• Create a new project

• Go to project settings

• Scroll down to the </> webapp icon

• Copy the firebaseConfig to src/firebase.js

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

npm run start

Production mode:

npm 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.