Skip to content

Latest commit

 

History

History
76 lines (53 loc) · 1.79 KB

File metadata and controls

76 lines (53 loc) · 1.79 KB

🌐 SocialBook – Social Media Capstone Project

A responsive social media frontend application inspired by modern social networking platforms.
Built using HTML, CSS, and JavaScript with smooth UI interactions and theme switching.


🔗 Live Demo:

https://shivansgupta25.github.io/Social_Book-CapStone_Project/


🚀 Features

✨ Modern social media UI layout
🌓 Dark Mode / Light Mode toggle
💬 Interactive posts with comment functionality
🔁 Post interaction behavior using JavaScript
📱 Fully Responsive Design (Mobile + Tablet + Desktop)
🎨 Smooth transitions and animations
🔗 Multi-page navigation (Home & Profile)


🛠️ Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling, Flexbox, Responsive Design
  • JavaScript (Vanilla JS)
    • Theme toggle (Dark/Light Mode)
    • Post interaction logic
    • Comment behavior
    • Smooth UI transitions

🎯 Project Highlights

  • Designed a Facebook-inspired social media interface
  • Implemented dynamic theme switching using JavaScript
  • Added interactive commenting and post linking functionality
  • Ensured smooth animations and clean UI experience
  • Optimized layout for cross-device compatibility

📂 Project Structure

Social_Book-CapStone_Project/ │── index.html │── profile.html │── style.css │── script.js │── IMAGES/


🧠 What I Learned

  • DOM Manipulation using JavaScript
  • Implementing Dark/Light Mode toggle
  • Responsive design using Flexbox & Media Queries
  • Structuring multi-page frontend projects
  • Creating smooth UI transitions

🔥 Future Improvements

  • Add backend for real authentication
  • Store comments dynamically
  • Add like/share counter functionality
  • Integrate database