An open API service indexing awesome lists of open source software.

https://github.com/deeshansharma/linkedin-clone

Built using React JS, Redux, Firebase & Styled-Components
https://github.com/deeshansharma/linkedin-clone

clone linkedin-clone webdevelopment

Last synced: over 1 year ago
JSON representation

Built using React JS, Redux, Firebase & Styled-Components

Awesome Lists containing this project

README

          

# LinkedIn Clone

![LinkedIn Clone Demo](linkedin-gif.gif)

**_Built using React JS, Redux, Firebase & Styled-Components_** within a week. My first project after learning React JS referencing a tutorial on YouTube by _'Clever Programmer'_. Added some features apart from the tutorial on my own like:

- Post like functionality
- Mobile responsiveness

## 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

## How to build your own..?

1. Clone this repo
1. Install all the dependencies
```bash
npm i
```
1. 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

1. Tweak code as you like
1. Let's build the optimized version

```bash
npm run build
```

1. **Now for hosting on Firebase lets config Firebase locally**

- Install Firebase CLI
- Login to Firebase

```bash
firebase login
```

- Initialize Firebase

```bash
firebase init
```

- Select hosting in the menu
- Select your respective project from the list
- Select 'build' as your hosting directory and other options as you want
- Let's deploy our clone and make it live

```bash
firebase deploy
```

**That's it our clone is up and running share it now**

## Future Plans

- Might add more login methods
- Post deleting functionality
- Add comments on post

**_NOTE: PLEASE LET ME KNOW IF YOU DISCOVERED ANY BUG OR YOU HAVE ANY SUGGESTIONS_**