Fieldz Logo - Sports Field Booking Platform by Jaffar Alromaih (Jafar Alrumaih)

Fieldz

Sports Field Booking Platform

Simplest way to book a sports field - A comprehensive mobile marketplace connecting sports facility owners with users seeking to book sports fields for various activities.

3

User Roles

6+

Sport Categories

100%

Mobile Native

Project Overview

The Vision

Fieldz represents a comprehensive sports field booking mobile application built with Flutter and Firebase, designed to revolutionize how people discover, book, and manage sports facilities. The platform serves as a dynamic marketplace connecting sports facility owners with users who want to book sports fields for various activities.

The Challenge

Traditional sports field booking processes are often fragmented, inefficient, and lack real-time availability information. Facility owners struggle with management overhead, while users face difficulties in discovering available fields, comparing options, and securing bookings. The challenge was to create a unified platform that addresses these pain points while providing exceptional user experiences across multiple user roles.

The Solution

Fieldz delivers a sophisticated mobile-first solution featuring real-time booking capabilities, multi-role user management, secure payment processing, and advanced location services. The application leverages modern technologies including Flutter for cross-platform development, Firebase for backend services, and Google Maps for location-based features, creating a scalable and maintainable platform suitable for commercial deployment.

Project Details
Platform: Mobile Application
Development Time: 6 months
Role: Development Lead
Team Size: 6 members
Academic Project: KFUPM Senior Project
Advisor: Dr. Jameleddine Hassine
Completion: May 14, 2023
Target Market: Sports & Recreation
Key Achievements
Multi-role architecture
Real-time booking system
Payment integration
Location-based services
Admin dashboard

Application Feature Overview

User Experience
  • Intuitive onboarding and authentication
  • Advanced search with multiple filters
  • Detailed field information display
  • Real-time availability checking
  • Seamless booking confirmation
Technical Implementation
  • Flutter cross-platform development
  • Firebase real-time database
  • Google Maps integration
  • Secure payment gateway integration
  • Cloud storage for images

Technology Stack

Frontend Framework

Flutter Dart SDK >=2.18.0

Cross-platform mobile development framework providing native performance and expressive UI capabilities.

Backend Services

Firebase Core Cloud Firestore Firebase Auth Firebase Storage

Comprehensive backend solution providing real-time database, authentication, and cloud storage.

State Management

Provider Pattern ChangeNotifier

Reactive state management solution ensuring efficient UI updates and data flow control.

Maps & Location

Google Maps Flutter Geolocator Flutter Polyline Points

Advanced location services with interactive maps and GPS functionality.

Additional Libraries & Tools

Animated Bottom Navigation Carousel Slider Search Bar Animation Flutter Calendar Carousel Flutter SpinKit Auto Size Text Awesome Dialog Image Picker Path Provider URL Launcher Shared Preferences Intl

Comprehensive suite of UI/UX libraries and utilities enhancing the application's functionality and user experience.

Academic Project Details

King Fahd University of Petroleum and Minerals Senior Project

Project Team

Team Members:
  • Abdulaziz Alghizzi
  • Abdullah Albader
  • Jaffar Alromaih (Development Lead)
  • Mohammed Alghamdi
  • Mohammed Almanie
  • Nasser Alghamdi
Project Advisor:

Dr. Jameleddine Hassine

Academic Details:

College of Computing and Mathematics

Completed: May 14, 2023

Project Poster

Development Techniques

User Story Mapping Prototyping CI/CD API Integration Accessible Design

The project followed modern software engineering practices including user-centered design approaches, continuous integration/deployment pipelines, comprehensive API development, and accessibility standards to ensure inclusive user experiences.

Project Outcomes:
  • Users can conveniently find various sports fields through multiple discovery methods
  • Enables discovery of nearby sports events and activities
  • Field owners can easily connect with their target audience
  • Simplified field management and booking processes
  • Creates a central hub for sports field rental marketplace

Multi-Role Architecture

Tailored experiences for different user types with specific functionalities

Regular Users

Role ID: 1

  • Browse and search sports fields
  • Filter by category, price, rating, distance
  • View detailed field information
  • Make bookings with date/time selection
  • View booking history
  • Manage personal profile

Administrators

Role ID: 2

  • All user management capabilities
  • Approve/reject field submissions
  • Manage users (ban/unban)
  • Access platform statistics
  • Monitor pending requests
  • Oversee platform operations

Field Owners

Role ID: 3

  • All regular user capabilities
  • Add and manage sports fields
  • Upload multiple field images
  • Set pricing and availability
  • View field statistics
  • Track booking history

Key Features

Comprehensive functionality designed for optimal user experience

Advanced Search & Discovery

Sophisticated field discovery with animated search bar, category-based filtering, and multiple sorting options including price, rating, and distance-based searches.

Real-time Booking System

Interactive calendar for date selection, real-time time slot availability checking, conflict prevention, and unique booking ID generation with instant confirmations.

Payment Integration

Multiple payment method support including Apple Pay, STC Pay, credit/debit cards, and cash options with secure processing and transaction confirmations.

Location Services

GPS integration with automatic location detection, distance calculation, Google Maps navigation, and location-based field recommendations.

Multi-Image Support

Comprehensive image handling with Firebase Storage integration, multi-image upload, automatic compression, and carousel galleries for field displays.

Analytics Dashboard

Advanced analytics for field owners including booking history tracking, revenue monitoring, field performance metrics, and user engagement statistics.

Design System

Distinctive orange-based gradient theme creating a warm, inviting visual experience

Color Scheme

Primary Orange
Secondary Orange
Light Orange
Background Gray

The signature gradient creates visual appeal and establishes brand recognition across all application interfaces.

Typography & Components

Primary Font: Poppins
Regular (400) Medium (500) Semibold (600) Bold (700)
Component Design Principles:
  • Rounded corners (10-30px radius)
  • Consistent shadow effects
  • Gradient backgrounds
  • Animated transitions

Responsive Design

Screen Adaptation
  • MediaQuery responsive layouts
  • Flexible container sizing
  • Adaptive padding/margins
  • Orientation support
Accessibility
  • Semantic widgets
  • Proper contrast ratios
  • Screen reader support
  • Touch optimization
Performance
  • Progressive image loading
  • Skeleton screens
  • Lazy loading
  • Efficient state management

Project Impact

Fieldz represents a comprehensive sports field booking platform that successfully integrates modern mobile development practices with real-world business requirements. The application demonstrates sophisticated architecture patterns, robust user management systems, and advanced features including real-time booking, payment processing, and location-based services.

Project Impact & Outcomes

The Fieldz app serves as a bright, valuable resource that functions as a one-of-a-kind central hub for both individuals seeking sports fields and owners looking to attract renters. With its potential to connect sports enthusiasts and athletes to undiscovered fields in their area, the app inspires more people to engage in the diverse world of sports.

The Fieldz app allows users to conveniently find various sports fields through multiple discovery methods and discover nearby sports events. The app also supports field owners by connecting them to their audience with the ease of field management, creating a comprehensive marketplace for sports facility rentals.

Acknowledgments

We extend our sincerest gratitude to our advisor, Dr. Jameleddine Hassine, for his invaluable guidance and support throughout our project.

We also thank King Fahd University of Petroleum and Minerals for providing the necessary resources and suitable environments for this academic project.

Our gratitude extends to our colleagues, friends, and families for their unwavering support throughout the development journey.

View Courses