~ / projects / al-midan

TypeScript · Next.js · Tailwind · Firebase · Full-Stack

Al-Midan

TypeScriptNext.jsTailwindFirebaseFull-Stack

Overview

Al-Midan is a full-stack application that connects student athletes across Moroccan universities. It facilitates spontaneous sports event organization — matching players, balancing teams, and coordinating campus field reservations in real time.

The platform tackles student isolation and promotes physical well-being by making pickup games as frictionless as sending a message.

Architecture

[Next.js Frontend] → [Firebase Auth] → [Firestore DB]
       ↓                                      ↑
  [Tailwind UI]                     [Realtime Listeners]
       ↓                                      ↑
  [Vercel CDN] ←──── SSR/ISR ────→ [API Routes]

Core Features

  • Smart Matchmaking: Auto-balances teams based on player skill scores and reliability ratings derived from post-match feedback.
  • Location-Aware: Surfaces nearby matches and available campus fields using geolocation.
  • Real-Time Updates: Firestore subscriptions push live player counts and match status changes instantly.
  • Venue Integration: Partner sports complexes appear in-app with availability, pricing, and student discounts.
  • Trust System: Post-match reporting identifies toxic behavior and maintains community quality.

Why It Matters

University life in Morocco often leads to sedentary habits and social isolation. Al-Midan leverages the neurobiological benefits of group sports — endorphin release, cortisol reduction — as a healthy alternative to excessive screen time. Initial projections target 11,000+ users across Rabat’s 35 universities within the first semester.

Team

  • Meriche Redouane
  • Bourtal Saad
  • Ibnelhabib Imane
  • Hamami Med
  • Boualaoui Aya