Facebook Clone

A responsive Facebook clone implementation built with vanilla HTML, CSS and JavaScript. This project replicates core Facebook functionalities and UI components.

DEMO

You can visit here: https://holedev.github.io/fb-clone

Demo User: 0000000000 - 123456

If you visit page before, you need clear local storage:

• Open devtool -> Tab Application -> Local storage -> Select "https://holedev.github.io" -> clear -> F5 website

Features

• 📱 Responsive design that works on desktop and mobile
• 💬 Messenger functionality
• 🏠 News feed with posts and stories
• 👤 User profiles and walls
• 🌗 Light/dark mode switching
• 🔔 Notifications system
• 👥 Friends and groups sections

Technologies Used

• HTML5
• CSS3 with modern features like:
  • CSS Variables
  • Flexbox
  • Grid
  • Media Queries
• Vanilla JavaScript
• Cute Alert for notifications

Project Structure

├── index.html          # Login page
├── home.html          # Main newsfeed
├── mess.html          # Messenger page
├── assets/
│   ├── css/          # Styles organized by components
│   ├── js/           # JavaScript files  
│   └── img/          # Images and media
└── vendors/          # Third-party libraries

---

⚠️ Note: This is a clone project created for learning purposes only. All product logos and designs belong to their respective owners.