Skip to content

A modern, responsive social media dashboard UI featuring real-time theme customization (font size, primary color, and background modes), interactive sidebar notifications, and a dynamic message search filter.

Notifications You must be signed in to change notification settings

dhriti09/Socialize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Socialize: is a modern, feature-rich social media dashboard built with a focus on high-end User Experience (UX) and real-time interface customization. It allows users to personalize their workspace through a dynamic theme engine that modifies the UI's DNA on the fly.

🛩️Key Features Real-time Theme Customizer: Users can modify the primary color hue, font size, and background brightness (Light, Dim, and Lights Out) via the palette menu.

Interactive Notifications: Includes a popup notification tray that tracks "Read" states and manages notification counts.

Smart Message Search: A high-performance search bar that filters through the inbox using real-time DOM manipulation.

Engaging UI/UX: Features smooth hover effects, micro-animations for "Likes," and CSS transformations on feed images and profile cards.

Responsive Architecture: Uses a flexible CSS Grid and Flexbox system to ensure the dashboard remains functional across different screen sizes.

💻Technical Stack Frontend: HTML5 (Semantic Structure)

Styling: CSS3 (Custom Properties, HSL Color Modeling, Mobile-First Design)

Scripting: Vanilla JavaScript (ES6+, State Management)

Icons: Unicons by Iconscout

Typography: Google Fonts (Poppins)

Clone the project:

Bash git clone https://github.com/dhriti09/socialize.git

Open the application: Simply open the index.html file in any modern web browser.

About

A modern, responsive social media dashboard UI featuring real-time theme customization (font size, primary color, and background modes), interactive sidebar notifications, and a dynamic message search filter.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published