sinatayebati / linkcademy

LinkedIn clone, built using React JS, Redux, Firebase & Material-UI. This is a simple clone project with limited functionality.

LinkAcademy (a LinkedIn clone)

Built using React JS, Redux, Firebase & Material-UI. This is a simple clone project with limited functionality.

Features and Fuctionality

• Register and Login using Google (Firebase Authentication)
• Add profile pictures using photo URL
• Create a new post
• Realtime update posts
• Auto authenticate user on refresh
• Sign Out

Technologies Used

• React
• Redux
• Node
• Firebase
• Mongo DB Cluster
• Material UI
• React Flip Move

How to build your own..?

1. Clone this repo

2. Install all the dependencies

   npm i

3. 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

4. Tweak code as you like

5. Let's build the optimized version

   npm run build

6. Now for hosting on Firebase lets config Firebase locally

   • Install Firebase CLI

   • Login to Firebase

     firebase login

   • Initialize Firebase

     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

     firebase deploy

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

Future Plans

• Might add more login methods
• Post deleting functionality
• Post like functionality
• Add comments on post
• Private chat
• Direct photo upload

NOTE: PLEASE LET ME KNOW IF YOU DISCOVERED ANY BUG OR YOU HAVE ANY SUGGESTIONS

Licence

MIT