Social Media App

Title: Professional Social Media Dashboard with Responsive Navigation & Real-time UI

Project Description:

Developed a high-performance, fully responsive Social Media Web Application using the modern MERN/Next.js stack. The project focuses on seamless user experience (UX) and clean code architecture.

Key Features Implemented:

Dynamic Navigation System: Engineered a custom Navbar that adapts to screen sizes—providing a streamlined single-link experience on Desktop and a sophisticated nested dropdown (Feed, Community, Saved, My Posts) on Mobile to maximize screen real estate.

State Management & UX: Implemented advanced React hooks (useRef, useEffect) for intuitive interactions like "click-outside" to close menus and smooth SVG icon transitions.

Performance First: Styled with Tailwind CSS for rapid loading and a modern "Glassmorphism" aesthetic with backdrop filters.

User Authentication: Integrated secure user context management for personalized profiles and protected routes.

Technical Stack:

Frontend: React.js / Next.js, Tailwind CSS, Lucide/React-Icons.

Routing: React Router Dom (with active state logic).

Logic: Custom Hooks for UI/UX interaction.