A website like LinkedIn which is created using ReactJS, React-Redux has been used as a state management tool. The firebase is used for the authentication, firebase firestore is used as a realtime database and Material-UI icons have been used.
- Application Home page & Demo
LinkedIn.Demo.Video.mp4
Client
Database and Hosting
|
|
|
|
|
|
To run this project, you will need to add the following config of your project to firebase file
apiKey
authDomain
projectId
storageBucket
messagingSenderId
appId
measurementId
Install my-project with npm
npx create-react-app my-project --template reduxcd my-project
Install dependencies
Install Firebase and copy the config of your project and setup locally.
npm install firebaseInstall material ui icons
npm install @mui/material @emotion/react @emotion/styledInstall dependencies
Clone the project
git clone https://github.com/Priyanshu88/LinkedIn-Clone.gitcd LinkedIn-CloneInstall dependencies
This is a React.js project bootstrapped with create-react-app.
npm installStart the server First, run the development server:
npm run startThis is a React.js project bootstrapped with create-react-app.
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying src/app.js. The page auto-updates as you edit the file.
This project uses react-flip-move.
To deploy this project run
firebase loginfirebase initnpm run buildfirebase deploy
Your Name - @twitter_handle - [email protected]
Project Link: https://github.com/Priyanshu88/LinkedIn-Clone.git