LinkedIn Clone

This is a clone of the LinkedIn website. It was built using ReactJS, Redux and Firebase.

✅ Link: https://linkedinclone-ac.web.app

📜 Table of contents

• Overview
  • Introduction
  • Screenshot
• My process
  • Built with
  • What I learned
• Author

📝 Overview

Introduction

• This web app allows the user to register/ sign in with their email ids.
• User can then post messages on the feed.
• User can see others' posts in realtime on their feed.

Screenshot

💡 My process

Built with

• ReactJS
• React Redux
• Firebase Authentication
• Firebase Firestore
• Material UI Icons
• React Flip Move Animation

What I learned

😎 Proud of this code:

Bug fix: HeaderOption was throwing an error when rendered on Login Page because user was null.

Replace this:

{
  avatar && (
    <Avatar src={user.photoURL} className="headerOption__icon">
      {user.email[0]}
    </Avatar>
  );
}

With this: No avatar on Login Page. The icon space is blank.

{
  avatar && user && (
    <Avatar src={user.photoURL} className="headerOption__icon">
      {user.email[0]}
    </Avatar>
  );
}

Or this: Default avatar (👤) on Login Page and user's profile image (👩‍🦰) on Feed.

{
  avatar &&
    (!user ? (
      <Avatar className="headerOption__icon" /> // Login Page
    ) : (
      <Avatar src={user.photoURL} className="headerOption__icon">
        {user.email[0]}
      </Avatar>
    )); // Feed Page
}

⭐ Author

• GitHub - @anushkachauhxn

• Behance - @anushka_creates

• LinkedIn - @anushka-chauhan

• Twitter - @anushka_creates