NotesMan is a fully responsive and feature-rich notes application built with React, Vite, and Tailwind CSS. The project focuses on real-world UI/UX patterns, mobile-first design, and clean state management using React Hooks. Key Features: • Create, edit, delete notes • LocalStorage persistence with auto-sync • Pinned notes system (priority sorting) • Smart search with dynamic filtering • Fullscreen mobile preview • Dedicated Add Notes modal for mobile • Desktop split-view layout (List + Preview) • Smooth navigation, confirmation modals, and reusable components Technical Highlights: • React Hooks (useState, useEffect, useRef) • Custom localStorage data sync logic • Modular component architecture • Controlled forms for adding/editing notes • Derived state for filtering & sorting • Tailwind-based responsive rendering (mobile/desktop UX changes) • Lucide Icons for a minimal UI This project helped strengthen my understanding of component communication, state lifting, conditional rendering patterns, and building scalable UI logic in React. The codebase is structured to support future features like tags, filters, trash system, and dark mode.