Angers SCO Handball

Déc 2023 - Mars 2024
Web app

Technologies

React
MuiUI
MySQL
PWA
Express.js
Firebase
CRON
RSS LNH

Description

Développer une progressive web app mobile dédiée aux supporters du SCO Handball, permettant de consulter le calendrier des matchs, les statistiques des joueurs, et de participer à des pronostics VIP. L'application devait fonctionner parfaitement même en conditions de connectivité limitée, notamment lors des matchs en direct.

Mon rôle

Développement fullstack : interface utilisateur en React, back-end Express, intégration de l’API LNH via flux RSS + CRON, mise en place de l’authentification sécurisée et transformation en PWA avec gestion des caches et notifications push.

Stack & architecture

  • Frontend :
    • React + MUI pour une interface 100% mobile-first
    • Service Workers & Manifest configurés pour une expérience PWA complète : installable, hors-ligne, rapide
    • Système de caching client pour garantir l’accès aux contenus même en zone blanche
  • Backend / API :
    • Express.js : gestion de l’authentification (JWT) et sécurisation des espaces VIP
    • Tâches CRON automatisées pour l’ingestion des données LNH depuis leur flux RSS (ProLigue)
    • Intégration Firebase pour la gestion des notifications push (tests en production)
  • Base de données : MySQL (utilisateurs, historiques, pronostics)
  • Fonctionnalités :
    • Scoreboard semi-live pendant les matchs
    • Espace membre avec accès restreint aux contenus bonus
    • Gestion des pronostics avec interface VIP

Points forts

  • PWA installable comme une app native avec UX optimisée pour le stade
  • Caching stratégique et offline-first pour garantir la dispo des données
  • Automatisation des mises à jour via CRON (flux LNH)
  • Push notifications fonctionnelles via Firebase
image
image
image
image
image