“Mayhem is a kind of place where no human would ever dare to venture. Those who do, would end up in a river and in a state that you can't fathom to see. Only way to venture into the Mayhem and come back alive is described in ‘Enter Mayhem’...”
Mayhem Cart is a MERN-stack e-commerce marketplace where adventurers can browse, trade, and claim legendary artifacts from the mysterious realm of Mayhem. This is my second e-commerce web project by order—but the first one born purely from my imagination. Update (2026Jan: Have added web service ping in frontend load code, so that the app loads the db content instantly without separate kick in new page)
- Marketplace: Artifacts sorted by most recent, each with gold value, stock status, description, and image.
- Cart: Safekeeping area to review and adjust your orders before checkout.
- Clairvoyance: Search page to quickly find any artifact by name or trait.
- Categories: Filter items by type—Edibles, Readables, Relics, and more.
- Enter Mayhem: Sign-in portal styled as a gateway to chaos.
- Apothecary: Registration page themed with mysterious potions.
- Payment: Google Pay QR code, trust-based payment flow, and email progress tracker.
- The Lair: https://the-mayhem-cart.onrender.com
# Clone the repo
git clone https://github.com/yourusername/mayhem-cart.git
cd mayhem-cart
# Install dependencies for frontend and backend
cd client && npm install
cd ../server && npm install
# Start development servers
# In terminal 1:
cd server && npm run dev # Express + MongoDB
# In terminal 2:
cd client && npm start # React front-end
# Open your browser:
# Frontend → http://localhost:3000
# Backend → http://localhost:5000/api