Shop Center

Shop Center is an e-commerce storefront where you browse a full product catalog, drill down into any category, and check full details — price, rating, and discount — before adding something to your cart. Built with Next.js, React, and Tailwind CSS.

Shop Center

Technology Stack

Next.jsNext.js
ReactReact
Tailwind CSSTailwind CSS
JavaScriptJavaScript

Browse Products

A welcoming homepage leads into a full product catalog — every item shown with its photo, name, category, and price, ready to click into.

  • Browsable catalog of every product
  • Name, category, and price shown at a glance
  • Click any product for full details
Browse Products image 1
Browse Products image 2

Product Details

See any product up close — a larger image, its rating, any discount, and the full price, with an "Add to Cart" button right there.

  • Full product details with rating and discount
  • Add to cart in one click
Product Details image 1

Browse by Category

Click any category to see every product in it, in the same clean layout as the main catalog.

  • Browse products filtered by category
  • Same familiar layout throughout
Browse by Category image 1

Built With

Built with Next.js for fast, dynamic pages, styled with Tailwind CSS.

  • Next.js for fast, dynamic pages
  • Tailwind CSS for a responsive design