Mad Jack is a fast, modern, and scalable e-commerce web application built using Next.js Page Router.
It delivers a smooth shopping experience with category browsing, detailed product pages, and cart management --- all optimized for performance and SEO.

👉https://mad-jack-page-router.vercel.app/

Add screenshots in /public/screenshots and update paths below

• Home: /public/screenshots/home.png
• Product: /public/screenshots/product.png
• Cart: /public/screenshots/cart.png

• Fully responsive across devices\
• Product category browsing\
• Detailed product pages\
• Shopping cart management\
• Fast loading with SSG & SSR\
• SEO‑optimized structure\
• Clean modern UI\
• Scalable Next.js architecture

Frontend - React.js - Next.js (Page Router)

Styling - Tailwind CSS / CSS Modules / Bootstrap

Deployment - Vercel

mad-jack/
│
├── pages/            # Next.js pages
├── components/       # Reusable UI components
├── styles/           # Styling files
├── public/           # Images & assets
├── data/             # Mock/product data
│
└── package.json

Mad Jack uses Next.js rendering strategies:

• SSG → Fast product/category pages\
• SSR → Dynamic cart & user interactions\
• Optimized images\
• Code splitting

git clone https://github.com/Hashim-stack-mad-jack.git
cd mad-jack
npm install
npm run dev

Open: http://localhost:3000

npm run build
npm start

npm install -g vercel
vercel

This project demonstrates:

• Next.js Page Router architecture
• E-commerce UI patterns
• Component-based design
• SSR & SSG usage
• Responsive layout
• Cart state management

• Authentication
• Payment integration
• Wishlist
• Product search
• Admin dashboard
• Backend API integration

MIT License © 2026 Mad Jack

Your Name Hashim GitHub: https://github.com/yourusername