I am a Frontend Developer focused on building responsive, accessible, and interactive web applications using JavaScript, React, and Next.js.
I have developed production-style projects that cover complete user flows, including authentication, data fetching, state management, cart and checkout processes, and deployment.
I enjoy translating user interface designs into clean, maintainable code and creating polished experiences that work reliably across different application states.
My hands-on work includes improving type safety with TypeScript, implementing role-based access control, and building secure ownership-based actions within web applications.
I use modern frontend patterns such as Redux Toolkit and TanStack Query to manage state, reduce redundant API requests, and provide responsive optimistic user interactions.
I am continuously strengthening my JavaScript fundamentals and knowledge of modern frontend architecture through project-based learning and development.
Built the core food-ordering experience, including product browsing, cart management, checkout, and order history. Created a realistic end-to-end e-commerce-style journey from product discovery through order confirmation.
Refactored search state into Redux to align it with the application's data flow, improving consistency and helping prevent future state-management issues.
Improved type safety across the codebase by replacing loose any types with appropriate TypeScript generics, reducing potential runtime errors.
Implemented role-based route protection through an AdminGuard and added ownership checks for review deletion. These improvements strengthened security and prevented unauthorized access to administrative and user content.
Migrated data fetching from manual useEffect and useState patterns to TanStack Query, reducing redundant API calls and improving data consistency.
Implemented optimistic updates for likes and saves with rollback handling for failures. Also resolved authentication, routing, and Vercel deployment issues.
Built a Netflix-style hover popup system using a reusable useCardPopup hook, improving UI consistency and reducing duplicated component logic.
Added skeleton, empty, and error states to improve perceived reliability. Implemented search, genre/year/rating filters, and pagination to improve content discovery.
Frontend Development Bootcamp, Frontend Development
Intensive project-based frontend development program covering React, Next.js, TypeScript, and modern frontend workflows. Completed four full-stack-connected capstone projects.
This professional hasn’t added portfolio projects yet.
This professional hasn’t listed any services yet.
