Skip to content
@OpenFutbol

OpenFutbol

OpenFutbol

OpenFutbol is an open-source platform connecting pickup soccer communities across cities worldwide. We believe soccer has the power to bring people together, build communities, and create lasting friendships through the beautiful game.

Active Driver Project

โญ๏ธ Chicago Neighborhood Soccer (NBHD Soccer)โญ๏ธ

๐ŸŒ Mission

OpenFutbol's mission is two-fold:

  1. To form an open pick-up soccer collective that fosters open innovation and collaboration.
  2. To create and incubate open-source communities for pick-up soccer organizations.

Our mission is to make pickup soccer accessible, visible, and community-driven in every city. Starting in Chicago and expanding globally, we provide tools and platforms for local soccer organizers to connect players and build vibrant futbol communities.

By setting up a GitHub organization repository, the organization can share their goals, resources, and plans with the public and make it easier for potential members to find them. Additionally, members can provide feedback and suggest changes to the organization's plans, which can help the organization refine their strategies and improve their services. Furthermore, members can also contribute code and other resources to the repository, allowing the organization to benefit from the collective expertise of the open-source community.

๐Ÿ”ฎ Vision

OpenFutbol's vision is to create an open-source framework and space to promote collaboration, innovation, and acceleration toward pick-up soccer as a public good in global and local communities. We envision doing this through driver-projects, which can then serve as frameworks to incubate organizations in open-source ways.

What is a Driver Project?

OpenFutbol's Driver Projects are real-world open community pickup soccer initiatives that help guide our development efforts and pilot our mission & vision. Stakeholders in local and global communities can then advocate, mandate, implement, and use our frameworks and standards in their local contexts.

๐Ÿ™๏ธ Current Cities & Implementation

๐Ÿ† Chicago (Live) - Driver Project Success

๐Ÿš€ Expanding Framework

  • San Francisco: Q3 2025 (Mission, Castro, Sunset districts)
  • New York: Q4 2025 (Brooklyn, Queens, Manhattan parks)
  • Your City: Start a Chapter - Use Chicago as framework model

๐ŸŽฏ Chicago Success Metrics

  • Neighborhoods Mapped: 8+ Chicago neighborhoods with accurate geographic positioning
  • Regular Games: Weekly coed and women's pickup games
  • Community Integration: Seamless NBHD Soccer organization partnership
  • Platform Features: Professional design, mobile optimization, SEO visibility
  • Open Source Impact: Full GitHub transparency and community contributions

๐Ÿ› ๏ธ Technology

OpenFutbol uses modern web technologies optimized for GitHub Pages:

  • Frontend: Vanilla HTML/CSS/JavaScript for maximum compatibility and performance
  • Hosting: GitHub Pages with automatic deployment from main branch
  • Framework: Minimal Jekyll configuration for GitHub Pages compatibility
  • Design: Mobile-first, accessible design with professional nonprofit aesthetics
  • SEO: Structured data, meta tags, and sitemap for search visibility
  • Integration: Compatible with Meetup, Discord, and other community platforms

๐Ÿš€ Platform Features

๐Ÿ—บ๏ธ Interactive City Experience

  • Geographic Chicago Map: Accurate neighborhood positioning with Lake Michigan, Chicago River, and street grid
  • Neighborhood Discovery: Logan Square, Wicker Park, Pilsen, Bridgeport, Little Village, Humboldt Park, McKinley Park, Englewood
  • Game Frequency Visualization: Color-coded neighborhoods showing pickup game frequency
  • Animated Player Avatar: Moving soccer player highlighting community energy

๐ŸŽฏ Game Discovery & Filtering

  • Smart Filtering: Filter by skill level (beginner-friendly, intermediate, competitive), game type (coed, women's, men's), and location
  • Live Game Updates: Integration with NBHD Soccer Meetup events
  • Professional Design: Chicago flag-inspired color palette (sky blue, red, professional grays)
  • Mobile Optimized: Responsive design that works great on all devices

๐Ÿค Community Integration

  • NBHD Soccer Partnership: "Powered by NBHD Soccer" branding throughout platform
  • Direct Meetup Links: Seamless connection to live Chicago pickup games
  • Organization Spotlight: Dedicated sections highlighting community organizing success
  • Geographic Accuracy: Real Chicago neighborhoods positioned where they actually exist

๐Ÿ’ป Technical Excellence

  • SEO Optimized: Structured data, dedicated landing pages for "Chicago pickup soccer" searches
  • GitHub Pages Ready: Automatic deployment, minimal dependencies, fast loading
  • Professional Branding: Chicago star logo (SVG), nonprofit-appropriate design
  • Open Source: Full transparency, community-driven development

๐ŸŒ Platform Sections

  • Interactive Finder: Main map experience with neighborhood selection
  • About OpenFutbol: Mission, vision, and community impact
  • NBHD Soccer Showcase: Partner organization highlighting and success stories
  • Future Cities: Expansion roadmap and community involvement opportunities
  • Get Involved: Clear pathways for players, organizers, and developers

๐Ÿค Get Involved - Building the Movement

โšฝ For Players

๐Ÿ—๏ธ For Community Organizers

  • Start a Chapter: Use Chicago/NBHD Soccer as your framework model
  • Leverage Technology: Implement OpenFutbol platform for your city
  • Learn from Success: Study NBHD Soccer's organizing approach
  • Get Framework Support: Access tools, design assets, and implementation guidance
  • Connect with NBHD: Learn community organizing best practices

๐Ÿ‘ฉโ€๐Ÿ’ป For Developers

  • Core Platform: Contribute code to main OpenFutbol platform
  • Feature Requests: GitHub Issues for bugs and new features
  • City Extensions: Build integrations for local platforms (Meetup, Discord, etc.)
  • Internationalization: Help make OpenFutbol multilingual and globally accessible
  • API Integration: Develop connections with local event platforms

๐ŸŒ Open Source Community Values

  • Transparency: All code, decisions, and progress public on GitHub
  • Collaboration: Community-driven development with input from players and organizers
  • Accessibility: Free, open tools for any community to implement
  • Local Autonomy: Framework supports unique local needs and organizing styles
  • Knowledge Sharing: Document and share what works across cities

๐Ÿ—๏ธ Local Development

OpenFutbol uses a minimal Jekyll setup optimized for GitHub Pages. Here's how to run it locally:

Prerequisites

  • Ruby 2.5+ and Bundler installed
  • Git

Quick Start

# Clone the repository
git clone https://github.com/OpenFutbol/openfutbol.github.io.git
cd openfutbol.github.io

# Install dependencies
bundle install

# Serve locally (with auto-reload)
bundle exec jekyll serve

# Open in browser
open http://localhost:4000

Development Notes

  • The site uses vanilla HTML/CSS/JavaScript with minimal Jekyll processing
  • Main files: index.html, chicago-pickup-soccer.html, assets/css/, favicon.svg
  • Changes to .html files will auto-reload in development
  • CSS is embedded in HTML files for simplicity and performance

File Structure

โ”œโ”€โ”€ index.html                    # Main OpenFutbol Chicago finder
โ”œโ”€โ”€ chicago-pickup-soccer.html    # SEO-optimized Chicago landing page
โ”œโ”€โ”€ favicon.svg                   # Chicago star logo
โ”œโ”€โ”€ assets/img/                   # Images and logos
โ”œโ”€โ”€ _config.yml                   # Jekyll configuration
โ”œโ”€โ”€ Gemfile                       # Ruby dependencies
โ””โ”€โ”€ README.md                     # This file

๐Ÿš€ Deployment & GitHub Pages

OpenFutbol automatically deploys to GitHub Pages when you push changes to the main branch.

How It Works

  1. Push to Main: When you commit and push to the main branch
  2. Automatic Build: GitHub Pages automatically builds the site using Jekyll
  3. Live Update: Your changes go live at https://openfutbol.github.io within 1-5 minutes
  4. Cache: CDN cache may take a few additional minutes to update globally

What to Expect After Pushing Changes

โœ… Successful Deployment

  • Timeline: 1-5 minutes after push
  • Indicator: GitHub Actions โœ… green checkmark on your commit
  • URL: Changes live at https://openfutbol.github.io
  • Cache: Allow 5-10 minutes for global CDN updates

โŒ Build Failures

  • Timeline: 1-2 minutes after push
  • Indicator: GitHub Actions โŒ red X on your commit
  • Common Issues:
    • Jekyll syntax errors in YAML front matter
    • Missing closing tags in HTML
    • Invalid CSS syntax
  • Fix: Check the Actions tab for error details, fix the issue, and push again

GitHub Pages Configuration

  • Source: Deploy from main branch
  • Custom Domain: None (using openfutbol.github.io)
  • Build Tool: GitHub's built-in Jekyll processor
  • Plugins: Only GitHub Pages-approved plugins (jekyll-feed, jekyll-sitemap, jekyll-seo-tag)

Making Changes Safely

  1. Test Locally: Always run bundle exec jekyll serve and test at http://localhost:4000
  2. Small Commits: Make incremental changes to avoid large build failures
  3. Check Actions: Monitor the Actions tab after pushing to confirm successful deployment
  4. Branch Strategy: For major changes, consider using feature branches and pull requests

SEO & Performance Notes

  • Structured Data: Automatically generated sitemaps and SEO tags
  • Mobile-First: Responsive design tested on all devices
  • Fast Loading: Minimal dependencies and optimized images
  • Search Ready: Meta tags optimized for "Chicago pickup soccer" and related terms

๐Ÿ“„ License

This project is open source and available under the MIT License.

๐Ÿ†• Recent Updates

July 2025 - Major Redesign

  • Professional nonprofit color scheme inspired by Chicago flag
  • Enhanced NBHD Soccer branding integration ("Powered by NBHD Soccer")
  • SEO-optimized landing page for Chicago pickup soccer searches
  • Mobile-first responsive design overhaul
  • Simplified Jekyll configuration for reliable GitHub Pages deployment
  • Interactive neighborhood map with animated player avatar
  • Dedicated sections for About, NBHD Soccer partnership, and future cities

๐Ÿ“ž Contact & Community

๐ŸŒ OpenFutbol Platform

โšฝ Chicago Community (Driver Project)

๐Ÿš€ Get Started

  • Join Games: Find pickup soccer in Chicago through our interactive map
  • Start a Chapter: Use Chicago/NBHD Soccer model for your city
  • Contribute Code: Help improve the platform via GitHub
  • Community Organizing: Learn from NBHD Soccer's success

๐Ÿ’Œ Partnership Inquiries

For cities interested in implementing OpenFutbol or organizations wanting to partner with the framework, reach out through our GitHub issues or connect with the NBHD Soccer community to learn about their organizing approach.

๐Ÿ™ Acknowledgments

OpenFutbol exists because of the incredible work of community organizers who make pickup soccer accessible in their neighborhoods.

๐Ÿ† Special Recognition

  • NBHD Soccer Community: Our driver project partner whose community organizing expertise and dedication to neighborhood soccer made OpenFutbol possible
  • Chicago Organizers: The local leaders, players, and volunteers who create welcoming spaces for pickup soccer across Chicago neighborhoods
  • Open Source Contributors: Developers, designers, and community members who contribute code, feedback, and support
  • Local Soccer Communities: All the players who show up, make friends, and keep the beautiful game alive in their communities

๐Ÿค Partnership Model

The OpenFutbol-NBHD Soccer partnership demonstrates how technology platforms can amplify community organizing efforts. NBHD Soccer's grassroots approach and OpenFutbol's technical framework together create sustainable, replicable models for pickup soccer communities worldwide.


OpenFutbol: Connecting communities through the beautiful game โšฝ Framework powered by real community organizing ๐Ÿ™๏ธ

Pinned Loading

  1. chicago-neighborhood-soccer chicago-neighborhood-soccer Public

    Chicago Neighborhood Soccer

    7 3

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ