BookCricket

Relive the nostalgia of BookCricket. Flip the book, score runs, enjoy fun commentary, and challenge weekly cricket quizzes. A perfect mix of childhood memories and modern gameplay.

Comment

Inspiration

When we were kids, rainy days meant no cricket outside. That’s when someone would pull out a textbook and invent Book Cricket. The rules were simple, but the thrill was real — every page flip felt like facing a ball, waiting to see if it was a boundary, a single, or the heartbreak of a wicket.

That childhood game became our inspiration. We wanted to bring back that same feeling of excitement, suspense, and joy, this time on a screen, so anyone, anywhere, can relive the magic of Book Cricket.

How to Play the Game

  • Flip the book by tapping or clicking.
  • A random number between 0–9 appears.
  • The number decides the outcome:
    • 0 → OUT (Wicket lost)
    • 1,2,3,4,6 → Runs added
    • 5,7,8,9 → Dot Ball (no runs)
  • Real-time commentary, updated scoreboard, and the number displayed on the book’s page make the experience immersive.

🎯 Game Modes

  • Solo Mode – Keep flipping until you get out; your goal is to score as many runs as possible and beat your own high score.
  • Vs World XI – 10 Balls – You and the computer get 10 flips each, and the higher scorer at the end wins (draw if tied).
  • Vs World XI – 3 Wickets – Both sides have 3 wickets; take turns flipping until all are out, and the higher score decides the winner.
  • Quiz Mode – Answer cricket trivia questions correctly to score runs; a wrong answer counts as a wicket, and your goal is to score the highest while testing your cricket knowledge.

How We Built It

  • Frontend: React + Tailwind CSS for a clean, responsive UI.
  • Game Engine: Random number generator simulating book flips.
  • State Management: React hooks to handle runs, wickets, overs, and turns.
  • Leaderboard: Firebase backend to store and fetch best scores.
  • Animations & UX: Framer Motion for smooth transitions and realistic flipping feel.

Challenges We Ran Into

  • Balancing randomness so gameplay felt fair and exciting.
  • Designing engaging commentary lines for every flip.
  • Managing real-time score updates without lag.
  • Book animation lag that had to be optimized for smoother performance.
  • Adding sound effects was tricky but eventually integrated to enhance immersion.
  • Ensuring responsive design across devices.

Accomplishments That We're Proud Of

  • Anyone who has ever played Book Cricket in childhood will definitely have a smile while playing this digital version.
  • Initially thought of building only a single mode, but later expanded it into multiple modes to make the game more engaging.
  • Successfully recreated a nostalgic childhood game with modern UI and smooth gameplay.
  • Designed a working leaderboard system that encourages players to chase higher scores.

What We Learned

  • Designing simple mechanics that still feel addictive.
  • Balancing random outcomes with player satisfaction.
  • Integrating leaderboards to boost competitiveness.
  • Building cross-platform responsive UI while focusing on performance and animations.

What's Next for BookCricket

  • Multiplayer Mode: Play live with friends.
  • Tournaments & Challenges: Weekly events with leaderboards.
  • Advanced Stats: Strike rate, partnerships, wagon wheels.

Built With

Share this project:

Updates