/linkedin-clone

A clone of the LinkedIn, implemented with React, Redux, Firebase

Primary LanguageJavaScript

LinkedIn Clone

Clone of the LinkedIn that mimics the UI of LinkedIn. Built with React, Redux, Material UI and Firebase. User can add post the message and it appreas as a feed. This project also includes authentication module implemented with Firebase. See demo here: https://linkedin-clone-a3b67.web.app/

Requirements

For development, you will only need Node.js and a node global package, NPM, installed in your environement.

Node

  • Node installation on Windows

    Just go on official Node.js website and download the installer. Also, be sure to have git available in your PATH, npm might need it (You can find git here).

  • Node installation on Ubuntu

    You can install nodejs and npm easily with apt install, just run the following commands.

    $ sudo apt install nodejs
$ sudo apt install npm

  • Other Operating Systems

    You can find more information about the installation on the official Node.js website and the official NPM website.

If the installation was successful, you should be able to run the following command.

$ node --version
v14.15.0

$ npm --version
6.14.10

If you need to update npm, you can make it using npm! Cool right? After running the following command, just open again the command line and be happy.

$ npm install npm -g

Install

$ git clone https://github.com/gunjanmodi/linkedin-clone.git
$ cd linkedin-clone
$ npm install

Configure app

Create .env file then edit it with your settings. You will need:

  • REACT_APP_FIREBASE_API_KEY
  • REACT_APP_FIREBASE_AUTH_DOMAIN
  • REACT_APP_FIREBASE_PROJECT_ID
  • REACT_APP_FIREBASE_STORAGE_BUCKET
  • REACT_APP_FIREBASE_MESSAGING_SENDER_ID
  • REACT_APP_FIREBASE_APP_ID

Running the project

$ npm start

npm build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.