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