WorksGadgetHaven - E-Commerce Platform

GadgetHaven - E-Commerce Platform

The Challenge: Building a modern e-commerce platform that provides a smooth shopping experience while maintaining data persistence across user sessions—without relying on a backend database. My Approach: I developed GadgetHaven using React with Context API to manage global state for cart and wishlist functionality. LocalStorage ensures users don't lose their selections when they close the browser. The platform features category-based filtering, price sorting, and detailed product pages—all following a pixel-perfect Figma design conversion. Results: A fully functional, responsive e-commerce frontend that demonstrates modern React patterns including custom hooks, context providers, and client-side data persistence.

4
Technologies
5
Key Features

Technologies Used

React
Context API
LocalStorage
React Hooks
GadgetHaven - E-Commerce Platform

Key Features

  • Dynamic Navigation: A structured navigation bar with an active route indicator.
  • Product Categories: Side navigation for easy filtering by category, showing gadgets in a grid layout.
  • Wishlist and Cart Functionality: Users can add items to their cart and wishlist, with persistence across sessions.
  • Product Filtering and Sorting: Filter products by categories and sort cart items by price.
  • Detailed Product Pages: View full details of each product with an add-to-cart and wishlist feature.