University of Wisconsin–Madison
Computer Science Capstone – Spring 2026
Amazon / ShopBop Partnership
ShopBop Showdown is a multiplayer fashion styling game that turns outfit creation into a competitive and social experience. Players build outfits using curated fashion products and compete to create the best look based on a theme, budget, and time limit.
The project explores how fashion discovery can be transformed from a solo browsing experience into a fast-paced multiplayer game with real-time voting and AI-generated outfit previews.
Online fashion platforms contain thousands of products, making it difficult for users to quickly assemble outfits or stay on top of trends.
ShopBop Showdown addresses this by introducing a competitive styling game where players:
- Join a multiplayer lobby
- Build outfits using fashion products
- Compete within constraints such as theme, budget, and time
- Vote on the best outfit
- Reveal results and rankings
The platform combines fashion discovery, social competition, and real-time interaction.
Players can create or join a game room and synchronize with other players in real time.
Players build outfits while balancing three constraints:
- Theme
- Budget
- Timer
The system generates visual outfit previews so players can see how selected items work together before submission.
Pipeline: Products → Backend → AI Generation → Outfit Preview
Game state is synchronized using WebSockets so all players see the same lobby state, styling phase, voting phase, and results.
Players evaluate outfits before creator identities are revealed to ensure fair judging.
Votes are aggregated and final rankings determine the winning outfit.
Frontend
React
Vite
State Management
Zustand
Backend
Node.js
Express
Real-Time Communication
Socket.IO
APIs
ShopBop product API proxy
AI outfit preview generation
Players (Browser)
↓
React Frontend (Vite)
↓
REST API + WebSockets
↓
Node.js / Express Backend
↓
AI Outfit Generation
The backend handles game state, voting logic, real-time synchronization, and AI image generation requests.
ShopBop-Showdown
frontend
- src
- components
- pages
- services
- store
backend
- routes
- middleware
- db
- server.js
scripts
git clone https://github.com/YOUR-REPO/shopbop-showdown.git
cd shopbop-showdown
Frontend
cd frontend
npm install
Backend
cd ../backend
npm install
Backend
npm run dev
Frontend
npm run dev
The application will then be available locally in your browser.
- Create a game
- Players join the lobby
- Players build outfits
- Players vote
- Results reveal the winning outfit
Leo Jeong — Scrum Master
Siddhanth Pandey — Product Owner
Anirudh Kompella — Scribe
Ishita Kapoor — Demo Coordinator
Kinhkha Tran — Testing Lead
Buman-Erdem Enkhbold — UX Design
Developed as part of the University of Wisconsin–Madison Computer Science Capstone (Spring 2026) in collaboration with Amazon / ShopBop.