Skip to content

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.

Notifications You must be signed in to change notification settings

Akash-Ramjyothi/LinkedIn-Web-App-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

  1. Clone this repo

  2. Install all the dependencies

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

  4. Tweak code as you like

  5. Let's build the optimized version

    npm run build

💥 How to Contribute?

PRs Welcome Open Source Love svg2

  • 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

               ☎️ PH:+91 8939928002.

🌐 References Used:

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published