Social App

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.