Developed a responsive, high-performance web frontend prototype for a modern multi-category e-commerce storefront. The primary objective was to design a clean, engaging user interface featuring dynamic product catalogs, a persistent shopping cart, and seamless user authentication flows.

Key Features & Technical Implementation Dynamic Product Grid & Filtering: Implemented a responsive shop catalog featuring real-time search, category filtering sidebar, and a grid/list layout toggle. State-Managed Shopping Cart: Built a fully functional shopping cart using React state synchronized with LocalStorage, ensuring persistent cart data across browser sessions. Secure Firebase Onboarding: Integrated Firebase Authentication for secure user onboarding, including email/password validation and Google social login flows. Interactive Checkout Portal: Created a glassmorphic payment modal that simulates multi-option checkouts (Visa and PayPal inputs) with dynamic billing calculations. Responsive Component Design: Built modular, reusable React components (such as ratings visualizers, paginators, and custom category select dropdowns) styled with Bootstrap 5 and custom CSS.

Technologies Used Frontend Library: React.js (v18) Build Tool: Vite Routing Engine: React Router (v6) Authentication Provider: Firebase Auth Styling Framework: Bootstrap 5, Custom CSS Slider Library: Swiper.js

Outcome Delivered a pixel-perfect, feature-rich frontend e-commerce solution. The modular architecture and robust local state management make the codebase completely production-ready and prepared for backend database or live payment gateway integration.