Mobile-Optimized "Spot the Ball" Shopify Game
Budget: $750 – $1,500 USD
We want to create a fully mobile-optimized “Spot the Ball” competition integrated into a Shopify storefront. Players buy entries (tickets), select where they think a ball is in an image, and their selection is saved. Judges later review the image, submit their guesses, and the system calculates the average to determine the winner based on proximity.
The solution must be scalable, secure, easy to maintain, and include an API for Shopify and other future integrations.
Key Features:
PLAYER:
Browse vehicles with ticket prices (Shopify storefront).
Play spot-the-ball game (upload photo, tap to guess).
Save guess after purchase confirmation.
Limit guesses based on ticket purchase (1 ticket = 1 guess).
ADMIN:
Upload new images.
Assign images to vehicle competitions.
Create secure judge links.
Send judge invites (via email).
View judge submissions.
Calculate the average of judge guesses.
Auto-rank Top 10 closest guesses.
Generate heatmap (top 10 only).
Download entries (CSV with player info).
Auto compress uploaded images.
Reset system monthly (new competition cycle).
JUDGE:
Secure unique link emailed.
Tap once to guess.
Cannot resubmit after submit.
API (Integration Points):
Allow Shopify to pull guess limits based on ticket purchases.
Push game state back to Shopify checkout after guess.
Simple RESTful API endpoints (ticket validation, guess saving).
Technical Requirements:
Backend: Node.js / Python (Django / FastAPI) or other reliable stacks.
Frontend: React / Vue.js (lightweight mobile-first).
Database: PostgreSQL / Firebase / MongoDB.
Hosting: AWS / Vercel / Render / Google Cloud.
Mobile-first optimization required.
Shopify Embedded App or Private App if needed.
Image compression using Cloudinary or serverless functions.
Secure, encrypted database storage.
Judge links expire after submission.
GDPR / Data Protection best practices.
Deliverables:
Complete source code (frontend, backend, and database).
API documentation.
Admin panel login.
Judge portal access.
Player competition page for Shopify.
Database design documentation.
Basic user manual.
The solution must be scalable, secure, easy to maintain, and include an API for Shopify and other future integrations.
Key Features:
PLAYER:
Browse vehicles with ticket prices (Shopify storefront).
Play spot-the-ball game (upload photo, tap to guess).
Save guess after purchase confirmation.
Limit guesses based on ticket purchase (1 ticket = 1 guess).
ADMIN:
Upload new images.
Assign images to vehicle competitions.
Create secure judge links.
Send judge invites (via email).
View judge submissions.
Calculate the average of judge guesses.
Auto-rank Top 10 closest guesses.
Generate heatmap (top 10 only).
Download entries (CSV with player info).
Auto compress uploaded images.
Reset system monthly (new competition cycle).
JUDGE:
Secure unique link emailed.
Tap once to guess.
Cannot resubmit after submit.
API (Integration Points):
Allow Shopify to pull guess limits based on ticket purchases.
Push game state back to Shopify checkout after guess.
Simple RESTful API endpoints (ticket validation, guess saving).
Technical Requirements:
Backend: Node.js / Python (Django / FastAPI) or other reliable stacks.
Frontend: React / Vue.js (lightweight mobile-first).
Database: PostgreSQL / Firebase / MongoDB.
Hosting: AWS / Vercel / Render / Google Cloud.
Mobile-first optimization required.
Shopify Embedded App or Private App if needed.
Image compression using Cloudinary or serverless functions.
Secure, encrypted database storage.
Judge links expire after submission.
GDPR / Data Protection best practices.
Deliverables:
Complete source code (frontend, backend, and database).
API documentation.
Admin panel login.
Judge portal access.
Player competition page for Shopify.
Database design documentation.
Basic user manual.