About ModShop
ModShop is a simple e-commerce mock web application built for an educational scenario in a Master's level course on Designing Human-Centered AI Systems. It is designed not just to allow simulating online purchases, but to study how algorithmic nudges can influence user behavior in a shopping context.
The core objective is to minimize impulsive purchases by implementing nudges such as:
- Alerting users when they're shopping impulsively
- Confirmation prompts before purchase completion
- Purchase lock timers requiring a pause before finalizing orders
The frontend is developed using React, TypeScript, and Tailwind CSS with Next.js App Router. Products are organized into categories such as clothing, video games, books, and household items.
The frontend includes:
- Category browsing and product detail pages (via .mdx files)
- User profile with sign-up/login and shopping behavior settings
- Shopping cart and mock checkout functionality
- Past order history view
- Intelligent nudging system with multi-armed bandit learning
Users can identify as one of the following shopper types:
- Impulsive Shopper
- Adaptive Shopper
- Frugal Shopper