Skip to content

Abdulrahmanvisit/Sociobook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sociobook 🧩 Project Description

Sociobook is a beginner-friendly front-end project that replicates the look and feel of Facebook’s interface using HTML, CSS, and JavaScript. It was built to improve understanding of layout design, styling, and basic interactivity in front-end development.

✨ Features

📱 Responsive layout — adapts to different screen sizes just like Facebook

🧭 Navigation bar with interactive elements

📰 Post section displaying static posts for layout demonstration

🎨 Dark/Light Mode Toggle — switch themes instantly using the on/off button

💬 Basic JavaScript Interactivity — buttons, inputs, and hover effects

💅 Clean CSS styling for realistic UI design

🚀 How to Run

Clone the repository or download the ZIP file

Open the folder and double-click index.html

Use your browser to explore the layout and interactive features

Try the dark/light mode switch to see theme changes in action 🌗

🔧 Future Improvements

Adding dynamic content rendering (e.g., fetching posts)

Creating a simulated user login page

Implementing a working comment and notification system

**## Live Demo You can view the project live here: Sociobook Live Demo

👨‍💻 Author

Abdurrahman Muhammad Bello GitHub: https://github.com/Abdulrahmanvisit

About

A beginner-friendly front-end project replicating Facebook’s interface using HTML, CSS, and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors