<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Hafiz Muhammad</title>
    <description>The latest articles on DEV Community by Hafiz Muhammad (@hafiz_muhammad_2c132a0595).</description>
    <link>https://dev.to/hafiz_muhammad_2c132a0595</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4057730%2F221763c9-fad1-4412-94ed-3566ef65d8c3.png</url>
      <title>DEV Community: Hafiz Muhammad</title>
      <link>https://dev.to/hafiz_muhammad_2c132a0595</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hafiz_muhammad_2c132a0595"/>
    <language>en</language>
    <item>
      <title>Padel Flow</title>
      <dc:creator>Hafiz Muhammad</dc:creator>
      <pubDate>Sat, 01 Aug 2026 09:05:00 +0000</pubDate>
      <link>https://dev.to/hafiz_muhammad_2c132a0595/padel-flow-3f0i</link>
      <guid>https://dev.to/hafiz_muhammad_2c132a0595/padel-flow-3f0i</guid>
      <description>&lt;p&gt;&lt;strong&gt;Project Name&lt;/strong&gt;&lt;br&gt;
PadelFlow&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Team Members&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Alfin &lt;br&gt;
Hafiz &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Problem Statement&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Organizing Americano and Mexicano padel tournaments is manual and error-prone. Organizers must hand-schedule matches, track scores, and recalculate leaderboards themselves — a process that gets harder as player count grows, and worse in real time as rounds complete and rankings shift.&lt;br&gt;
Proposed Solution&lt;/p&gt;

&lt;p&gt;Main Idea: PadelFlow – an AI-powered padel tournament management platform powered by Google's open-weights Gemma 4 26B on Model Garden.&lt;br&gt;
Intended Users: Tournament organizers running Americano and Mexicano padel tournaments who need fast setup, fair scheduling, and live scorekeeping.&lt;br&gt;
Core User Experience: Organizer inputs a prompt describing the tournament -&amp;gt; AI extracts tournament details and recommends a venue -&amp;gt; matches are auto-generated -&amp;gt; organizer manages the event live through a dashboard with live scoring and a live leaderboard.&lt;br&gt;
Expected Outcome / Benefit: Instant tournament setup with zero manual scheduling, automated fair match rotation, and real-time leaderboard accuracy.&lt;br&gt;
Gemma Integration&lt;br&gt;
Gemma (gemma-4-26b-a4b-it-maas) is deployed on Google Cloud Vertex AI &amp;amp; Vertex AI Model Garden across 3 specialized agent nodes:&lt;/p&gt;

&lt;p&gt;ai_tournament_generator (AI Tournament Generator): Parses natural language inputs, extracts tournament parameters, enforces mandatory information (player count, match type, venue), and runs a multi-turn challenge loop if mandatory info is missing.&lt;br&gt;
ai_venue_finder (AI Venue Finder): Recommends padel venues with court capacity based on user location queries.&lt;br&gt;
tournament_advisor_chat (Tournament Advisor Chat Agent): An expert conversational AI endpoint (/api/ai/chat) answering questions on Americano vs. Mexicano rules, rotation strategies, and player pairing advice.&lt;br&gt;
Agentic Development Workflow&lt;br&gt;
Antigravity Use&lt;/p&gt;

&lt;p&gt;Full-Stack Architecture: Scaffolded and built the Python 3.12 FastAPI backend, ADK 2.x agent runners, A2A protocol routes, and Cloud Firestore storage layer.&lt;br&gt;
Tournament Algorithms: Designed Americano pair-rotation matrix math and Mexicano dynamic rank-based scheduling logic in padel_logic.py.&lt;br&gt;
UI Refactoring &amp;amp; Modern Aesthetic: Refactored the frontend into an editorial-grade sports-tech interface with dark/light themes, TV broadcast-style scoreboards, and responsive layout.&lt;br&gt;
Multi-Turn AI Validation: Created a multi-turn challenge loop preventing hallucinated or generic venue names when prompt details are missing.&lt;br&gt;
Skills and MCP Integration&lt;/p&gt;

&lt;p&gt;google-agents-cli-workflow &amp;amp; google-agents-cli-adk-code: End-to-end ADK development lifecycle, agent/runner code patterns, and A2A endpoint definitions.&lt;br&gt;
google-agents-cli-deploy: Cloud Run deployment automation and service management.&lt;br&gt;
firebase-firestore: Integration of Cloud Firestore SDK for persistent tournament storage.&lt;br&gt;
web_application_development: Design system tokens, dark/light theme CSS variables, typography, and accessibility best practices.&lt;br&gt;
Development Impact&lt;br&gt;
Achieved a 100% test pass rate (13/13 unit and integration tests), 100% multi-turn reliability preventing hallucinated venue suggestions, 100% score integrity via strict validation, and zero data loss through real-time Firestore persistence across container restarts.&lt;br&gt;
Google Cloud Architecture&lt;/p&gt;

&lt;p&gt;Client: Vanilla HTML5, CSS3 Custom Properties (Dark/Light themes with HSL tokens), Modern ES6+ JavaScript (app.js).&lt;br&gt;
AI Backend: Python 3.12 + FastAPI + Google ADK 2.x + google-genai Python SDK calling gemma-4-26b-a4b-it-maas on Vertex AI.&lt;br&gt;
Data Flow: User Prompt -&amp;gt; POST /api/ai/generate-tournament -&amp;gt; Gemma on Vertex AI -&amp;gt; Structured JSON (tournament details) -&amp;gt; padel_logic.py (pairing logic) -&amp;gt; Cloud Firestore Storage -&amp;gt; Dashboard (Schedule, Live Score, Leaderboard).&lt;br&gt;
Functionality&lt;/p&gt;

&lt;p&gt;Working Features: AI Tournament Generator, AI Venue Finder, Tournament Advisor Chat Agent, automatic Americano/Mexicano match generation, live match scoring with winner detection and match locking, live leaderboard, tournament dashboard, tournament progress tracking, automatic final standings and champion declaration.&lt;br&gt;
Main User Flow: Organizer describes tournament in natural language -&amp;gt; AI populates tournament form and confirms venue -&amp;gt; matches generate automatically -&amp;gt; organizer tracks live scores per match -&amp;gt; leaderboard updates automatically -&amp;gt; tournament completes with final standings and champion.&lt;br&gt;
Known Limitations: Requires active connection to Google Cloud Vertex AI services for AI prompt generation and venue discovery; requires modern browsers supporting ES6 Modules, Flexbox/Grid, and CSS Variables; total points per match (score_a + score_b) cannot exceed 21.&lt;br&gt;
Project Links&lt;/p&gt;

&lt;p&gt;Public repository: &lt;a href="https://github.com/alfinwijaya/padel-flow" rel="noopener noreferrer"&gt;https://github.com/alfinwijaya/padel-flow&lt;/a&gt;&lt;br&gt;
Deployed application: padel-flow-134929710348.us-central1.run.app (Google Cloud Run, us-central1)&lt;br&gt;
Public YouTube demo: [Insert URL]&lt;br&gt;
The demo must be public, no longer than three minutes, and show the main user flow.&lt;br&gt;
Instructions to Run&lt;/p&gt;

&lt;p&gt;uv tool install google-agents-cli&lt;br&gt;
cd /home/devstar9594/padel-flow&lt;br&gt;
agents-cli install&lt;/p&gt;

&lt;h1&gt;
  
  
  .env: GOOGLE_CLOUD_PROJECT=kodingdeepdive0826-9594, REGION=us-central1, GOOGLE_CLOUD_LOCATION=global
&lt;/h1&gt;

&lt;p&gt;uv run python -m uvicorn app.fast_api_app:app --host 0.0.0.0 --port 8000 --reload # Runs on &lt;a href="http://localhost:8000" rel="noopener noreferrer"&gt;http://localhost:8000&lt;/a&gt;&lt;br&gt;
uv run pytest tests/unit tests/integration&lt;br&gt;
agents-cli deploy -d cloud_run --service-name padel-flow --region us-central1 --project kodingdeepdive0826-9594 --no-confirm-project&lt;/p&gt;

</description>
      <category>ai</category>
      <category>automation</category>
      <category>software</category>
    </item>
  </channel>
</rss>
