Jollof Wars is a fun, interactive game that celebrates the friendly rivalry between Ghana and Nigeria over who makes the best jollof rice. Choose your team, cook the perfect jollof through a series of timed actions, and compete for the title of Jollof Champion!
Play Jollof Wars on Farcaster: https://farcaster.xyz/miniapps/m29neOxI6U3a/jollof
- Team-Based Competition: Choose between Team Ghana 🇬🇭 and Team Nigeria 🇳🇬
- Engaging Gameplay: Cook jollof through a series of timed cooking actions
- Real-time Leaderboard: Compete against other players
- Farcaster Integration: Seamless user identification
- ENS Support: Display ENS names and avatars on the leaderboard
- Ethereum Follow Protocol: Follow your favorite team with on-chain social connections
- Framework: React with Next.js
- UI: Tailwind CSS with custom theming
- State Management: React Context API
- Wallet Integration: Wagmi hooks and OnchainKit
- Farcaster MiniKit: User identification and authentication
- Ethereum Name Service (ENS): Name resolution and avatar display
- Ethereum Follow Protocol (EFP): On-chain social connections
- Redis Database: Leaderboard storage and game state
- Team Selection: Choose between Team Ghana or Team Nigeria
- Cooking Game: Complete timed actions to cook the perfect jollof
- Scoring: Earn points based on timing, accuracy, and combos
- Leaderboard: Compare your score with other players
- Individual player rankings
- Team-based competition (Ghana vs Nigeria)
- ENS integration for player identification
- Filterable by team
- Resolves wallet addresses to human-readable names
- Displays ENS avatars in the leaderboard
- Enhances user experience with recognizable identities
- Follow Team Ghana (Vitalik.eth) or Team Nigeria (JessePollak.eth)
- On-chain social graph connections
- View follower counts for each team
- Install dependencies:
npm install
# or
yarn install- Set up environment variables:
# Create a .env.local file with these variables
NEXT_PUBLIC_ONCHAINKIT_PROJECT_NAME="Jollof Wars"
NEXT_PUBLIC_URL=http://localhost:3000
NEXT_PUBLIC_ICON_URL=/icon.png
NEXT_PUBLIC_ONCHAINKIT_API_KEY=your_api_key_here
# Redis for leaderboard (optional)
REDIS_URL=your_redis_url
REDIS_TOKEN=your_redis_token- Start the development server:
npm run dev/app # Next.js app directory
/api # API routes for game state and leaderboard
/components # UI components
/game # Game-specific components
/ui # Shared UI components
/lib # Utility functions and hooks
/game # Game logic and state management
/efp.ts # Ethereum Follow Protocol integration
/ens.ts # ENS resolution utilities
/public # Static assets
- @coinbase/onchainkit: MiniKit framework for Farcaster integration
- ethereum-identity-kit: For Ethereum Follow Protocol
- wagmi: React hooks for Ethereum
- next.js: React framework
- tailwindcss: Utility-first CSS framework