FakeBook Social Media UI

FakeBook is a front-end social media interface inspired by modern social networking platforms. The project focuses on building a responsive and interactive user interface using HTML, CSS, and JavaScript.

---

Screenshot

---

Tech Stack

• HTML5
• CSS3
• JavaScript

---

Features

• Social media style layout
• Responsive design
• Navigation sidebar
• Post feed interface
• Profile and interaction sections
• Clean and modern UI

---

How to Install / Run

1. Clone the Repository

git clone https://github.com/yourusername/fakebook-ui.git

2. Open the Project

Open the project folder using VS Code or another code editor.

3. Run the Application

Open index.html in your browser.

You can also use the VS Code Live Server extension for easier testing and development.

---

Project Structure

fakebook-main/
│
├── assets/
│   ├── media/
│   ├── script/
│   └── style/
│
├── index.html
├── README.md
└── .gitignore

---

What I Learned

This project helped me improve my understanding of:

• Responsive web design
• CSS layouts and positioning
• JavaScript interactivity
• UI/UX structure
• Front-end project organization

---

Future Improvements

• Add real user authentication
• Create dynamic post functionality
• Add comments and reactions
• Improve accessibility
• Connect to a backend database

---

Author

Khalid Alli-B
Software Development Student at MITT