Madan Store - React, JavaScript, Shopify Storefront API

Year

2026

Tech & Technique

React, JavaScript, Shopify Storefront API, GraphQL, Tailwind CSS, Liquid, REST API

Description

A fully responsive E-commerce store for family business

Key Features:

🛍️ E-Commerce Storefront: Full-featured online store with product listings and cart functionality
🔍 Product Search & Filter: Advanced filtering and search for seamless product discovery
💳 Secure Checkout: Integrated payment gateway with smooth checkout flow
📱 Fully Responsive: Optimized for all device sizes including mobile and tablet
⚡ Fast Performance: Optimized storefront with lazy loading and image compression

Technical Highlights:

Built custom React components integrated with the Shopify Storefront API
Implemented dynamic product filtering and real-time search using React state management
Developed reusable UI components with Tailwind CSS for design consistency
Configured efficient data fetching strategies using GraphQL and the Storefront API

My Role

Full-Stack Developer
Owned the entire development lifecycle:

✅ Backend: Integrated Shopify Storefront API with custom GraphQL queries for products and collections
🎨 Frontend: Built all UI components using React, Tailwind CSS and custom CSS
🔄 State Management: Implemented client-side cart state and data fetching with React Context
🖥️ Theme Customization: Created and customized storefront sections for content editors