Skip to content

This is a clone of the LinkedIn website built using React, Redux and Firebase.

Notifications You must be signed in to change notification settings

anushkachauhxn/linkedin-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Anushka LinkedIn LinkedIn Clone

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

📜 Table of contents

📝 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