Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💼 LinkedIn Clone

A responsive LinkedIn web interface clone built with Node.js, Express, and vanilla HTML/CSS.

Node.js Express HTML5 CSS3


✨ Features

  • Pixel-Perfect UI — Faithfully recreates LinkedIn's professional feed layout, navigation bar, and sidebar components
  • Static File Serving — Express-powered HTTP server with proper static asset routing
  • Responsive Design — Clean CSS grid/flexbox layout adapting to different screen sizes
  • Component Architecture — Modular HTML structure mirroring real-world social media interfaces

🚀 Quick Start

# Clone the repository
git clone https://github.com/Deep-0208/linkedin-clone.git
cd LinkedIn_Clone

# Install dependencies
npm install

# Start the server
node app.js

# Open in browser
# http://localhost:3000

🏗️ Project Structure

LinkedIn_Clone/
├── app.js              # Express server with routing
├── httpserver.js        # Alternative HTTP server implementation
├── index.html           # Main LinkedIn UI layout
├── package.json         # Node.js dependencies
└── public/              # Static assets
    ├── css/             # Stylesheets
    └── images/          # UI icons and profile images

🛠️ Tech Stack

Layer Technology Purpose
Server Node.js + Express HTTP server & static file routing
Frontend HTML5 + CSS3 Semantic markup & responsive styling
Assets Static files Icons, profile images, logos

🧠 What I Learned

  • Setting up an Express.js static file server from scratch
  • Recreating complex CSS layouts (navigation bars, cards, sidebar widgets)
  • Working with semantic HTML for accessible, structured pages
  • Understanding HTTP servers — built both a raw http module server and an Express version

📄 License

Open source — feel free to fork and build on top of this project.


Built by Deep Panchal

About

Responsive LinkedIn web interface and core social networking clone featuring user profiles, post feeds, connection handling, and clean modern component architecture.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages