Skip to content

singhmahipal/linkedin-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💼 LinkedIn Clone

A modern LinkedIn-style social feed built with React, Redux, Firebase & Material UI

🔗 Live Demo:

React Redux Firebase MaterialUI JavaScript


🌟 Overview

This project is a functional LinkedIn-inspired social feed, created within a week after learning React JS.
It was built by following Sunny Sangha’s YouTube tutorial and includes live authentication, posting, and real-time database updates.


🚀 Features

  • 🔐 Email Login via Firebase Authentication
  • 🗄️ Cloud Firestore Database for storing posts
  • ✍️ Create New Posts instantly
  • 🔄 Realtime Feed Updates
  • 👤 User Menu & Sign-Out

🛠️ Installation & Setup

1️⃣ Clone the repository

git clone <your-repo-link>
cd linkedin-clone

2️⃣ Install dependencies

npm i

3️⃣ Configure Firebase

  • Create a Firebase project
  • Add a Web App
  • Copy your Firebase config
  • Paste it inside: firebase/config.js
  • Enable Email/Password Authentication

4️⃣ Run the project

npm start

📦 Build for Production

npm run build

☁️ Firebase Hosting Deployment

Install Firebase CLI

npm install -g firebase-tools

Login

firebase login

Initialize hosting

firebase init
  • Select Hosting
  • Choose your Firebase project
  • Use build as your deployment directory

Deploy 🚀

firebase deploy

Your clone is now live and shareable! 🎉


🔮 Future Enhancements

  • 🔑 Add more login methods
  • 🗑️ Post deleting functionality
  • 💬 Comment system

📝 Feedback

💡 Found a bug or have suggestions? Please open an issue — feedback is always welcome!


⭐ If you like this project, consider giving it a star!

```

If you'd like, I can also add:

Screenshots section 🎥 GIF preview of the app 📊 Tech stack diagram 🧭 Project directory structure

Just tell me!

Releases

No releases published

Packages

No packages published