Rogue Store

Modern e-commerce storefront built with Next.js 15, React 19, and Tailwind CSS v4.

Features

• Product catalog with filtering, search, and sorting
• Shopping cart with persistent storage
• Product variants (size, color, etc.)
• Checkout flow with order tracking
• Dark mode support
• Fully responsive design
• E2E tests with Playwright

Tech Stack

• Next.js 15 - App Router, React 19, TypeScript
• Tailwind CSS v4 - Styling
• Radix UI - Accessible components
• Zustand - State management
• Framer Motion - Animations
• Playwright - E2E testing
• Cloudflare Pages - Deployment

Prerequisites

• Pnpm

Quick Start

Using Docker

# Pull and run from Docker Hub
docker run -p 3000:3000 bitbybitb3/rogue-store:latest

Docker Hub: bitbybitb3/rogue-store

Local Development

# Clone and install
git clone https://github.com/CROW-B3/rogue-store.git
cd rogue-store
pnpm install

# Run dev server
pnpm run dev

Open http://localhost:3000 to view the app.

Project Structure

rogue-store/
├── app/              # Next.js pages
├── components/       # React components
│   ├── cart/        # Cart components
│   ├── layout/      # Layout components
│   ├── product/     # Product components
│   └── ui/          # UI primitives
├── data/            # Static data (products, categories)
├── lib/             # Utils & state management
└── tests/           # Playwright E2E tests

Scripts

# Development
pnpm run dev              # Start dev server
pnpm run build            # Build for production
pnpm run lint             # Run ESLint
pnpm run format           # Format with Prettier

# Testing
pnpm run test             # Run Playwright tests
pnpm run test:ui          # Run tests in UI mode

# Deployment
pnpm run deploy           # Deploy to Cloudflare Pages

Deployment

Cloudflare Pages

wrangler login
pnpm run deploy

Vercel

License

Private and proprietary.