InningsBook

Description

InningsBook is a comprehensive mobile application designed for cricket enthusiasts to track, score, and analyze cricket matches in real-time. Built with React Native and Expo, this app provides an intuitive interface for managing match data, including live scoring, detailed scorecards, partnerships, commentary, highlights, and more. Whether you're officiating a match, following a game, or reviewing past performances, InningsBook offers all the tools you need for an enhanced cricket experience.

Features

• Live Scoring: Real-time score updates during matches.
• Detailed Scorecards: Comprehensive player and team statistics.
• Partnerships Tracking: Monitor batting partnerships and their contributions.
• Commentary: In-match commentary and notes.
• Highlights: Key moments and highlights from the match.
• Squad Management: View and manage team squads.
• Match Information: Essential match details and settings.
• User-Friendly Interface: Intuitive navigation with tabs and drawers.
• Cross-Platform Support: Runs on iOS, Android, and Web.
• Offline Capability: Basic functionality available without internet.

Tech Stack

Frontend

• React Native: Framework for building native mobile apps using React.
• Expo: Platform for universal React applications.
• TypeScript: Typed superset of JavaScript for better code quality.

Navigation

• Expo Router: File-based routing for React Native.
• React Navigation: Comprehensive navigation library.

UI and Styling

• Expo Vector Icons: Icon library for consistent UI elements.
• React Native Linear Gradient: For gradient backgrounds.
• Expo Blur: Blur effects for enhanced visuals.

Additional Libraries

• React Native Reanimated: For smooth animations.
• React Native Gesture Handler: Advanced gesture handling.
• React Native Safe Area Context: Safe area management for different devices.
• React Native SVG: Vector graphics support.
• Expo Haptics: Haptic feedback for user interactions.

Development Tools

• ESLint: Code linting for maintaining code standards.
• Babel: JavaScript transpiler.

Prerequisites

Before running this project, ensure you have the following installed:

• Node.js (version 18 or higher)
• npm or yarn
• Expo CLI (install globally: npm install -g @expo/cli)
• Android Studio (for Android development)
• Xcode (for iOS development, macOS only)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/InningsBook.git
   cd InningsBook

2. Install dependencies:

   npm install

3. Start the development server:

   npx expo start

4. Run on device/emulator:

   • For Android: npm run android
   • For iOS: npm run ios
   • For Web: npm run web

Usage

1. Launch the App: Open the app on your device or emulator.
2. Home Screen: View your matches and navigate to different sections.
3. Scoring: Use the ScoringScreen to input live match data.
4. Match Details: Access live scores, scorecards, partnerships, and more from the match tabs.
5. Settings: Customize match settings via MatchSettingsScreen.
6. Navigation: Use the bottom tabs and drawer for easy navigation between features.

Key Screens

• HomeScreen: Dashboard for matches and stats.
• ScoringScreen: Input scores and match events.
• LiveScore: Real-time match updates.
• Scorecard: Detailed player and team statistics.
• Commentary: Match commentary and notes.
• Highlights: Notable moments from the match.
• Squads: Team player lists.
• Partnerships: Batting partnership details.

Screenshots

---

InningsBook - Your digital cricket companion.