LinkedIn Clone using React-Redux

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

Features

User authentication with Firebase for personalized
login and logout
Real-time updating feed with the ability to add posts
Animated post transitions using the "react-flip-move" library
Display of news articles using the NewsAPI
Responsive design for mobile and desktop

Installation

Clone the repository: git clone https://github.com/VishnuAjk/linkedin-redux-clone.git
Navigate into the project directory: cd linkedin-clone
Install dependencies: npm install
Create a Firebase project and set up authentication and Firestore database
Create a .env file in the project root and add your Firebase configuration:

REACT_APP_API_KEY=your_api_key REACT_APP_AUTH_DOMAIN=your_auth_domain REACT_APP_PROJECT_ID=your_project_id REACT_APP_STORAGE_BUCKET=your_storage_bucket REACT_APP_MESSAGING_SENDER_ID=your_messaging_sender_id REACT_APP_APP_ID=your_app_id

Start the development server: npm start

Usage

Sign up or log in to the app using your email and password
Create a new post by typing in the input box and hiting "Enter"
Posts are displayed with animated transitions
View news articles in the widgets section

Technologies Used

React
Redux
Firebase (Authentication, Firestore)
Material-UI
NewsAPI
"react-flip-move" library for animations

Website Link