LinkedIn Web-App Clone
📜 Description:
Developed a clone of the "LinkedIn" web app. Used React.JS for the front-end and Firebase for backend service, storage and authentication and to make the project as much flexible as possible. Currently it consists only limited features and functionalities when compared to the original LinkedIn website.
📽 Sample Demo:
LinkedIn.Clone.Demo.Made.with.Clipchamp.mp4
🌎 Deployed Website:
https://linkedin-clone-74928.web.app/
🏗 Built With:
- React.
- HTML.
- CSS.
- Redux.
- Styled-Components.
- Firebase Backend service.
- Real-time database.
- Netlify.
🖥️ Features and Fuctionality
- Login using Google (Firebase Authentication).
- Create a new Post.
- Share photos and videos (React player for videos).
- Like posts.
- Realtime update likes and posts.
- Auto authenticate user on refresh.
- Sign Out.
🧪 Steps to Build locally:
-
Clone this repo
-
Install all the dependencies
npm i
-
Setup Firebase
-
Create Firebase account
-
Create a new project
-
Create a web app for that
-
Copy your config from there
- Select config option
- Paste those config inside firebase/config.js file
-
Setup authentication using Google
-
-
Tweak code as you like
-
Let's build the optimized version
npm run build
💥 How to Contribute?
- Take a look at the Existing Issues or create your own Issues!
- Wait for the Issue to be assigned to you after which you can start working on it.
- Fork the Repo and create a Branch for any Issue that you are working upon.
- Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
- Add Screenshots to help me know what this Code is all about.
👦 Developed By:
Akash Ramjyothi
