VioletBook is a Facebook-inspired social media UI clone built with HTML, CSS, and JavaScript. It demonstrates how to design a modern social platform layout including navigation, sidebars, stories, posts, ads, and contacts. This project is created purely for learning and frontend practice purposes.
- 🏠 Navigation Bar with search and icons
- 👤 Left Sidebar with shortcuts and groups
- 📖 Stories Section with preview cards
- ✍ Create Post Section for adding new posts (UI only)
- 📰 Dynamic Posts Feed (rendered via JavaScript)
- 🎂 Birthdays & Sponsored Ads on the right sidebar
- 💬 Contacts List with online/offline status
- 🎨 Responsive Design (works on desktop & smaller screens)
violetbook/ │── index.html # Main HTML file │── styles.css # Styling with violet & pink theme │── script.js # JavaScript for posts & interactivity │── README.md # Documentation
- Clone this repository:
git clone https://github.com/your-username/violetbook.git cd violetbook - Open index.html in your browser.
- Explore the VioletBook UI 🎉
- ✏ Add real post creation with form
- ❤️ Like/Comment/Share functionality
- 🌙 Dark mode support
- 📱 Better mobile responsive UI
Developed by Akanksha Mane 💜
If you like this project, ⭐ star the repo and share your feedback!