A responsive LinkedIn web interface clone built with Node.js, Express, and vanilla HTML/CSS.
- 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
# 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:3000LinkedIn_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
| 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 |
- 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
httpmodule server and an Express version
Open source — feel free to fork and build on top of this project.
Built by Deep Panchal