Aller au contenu
Alexandre Artisien
Toutes les réalisations

11 / 16ClientPWATerminé

AngersSCO Handball.

PWA mobile-first pour les fans du SCO Handball : offline-ready, scores live, pronostics, notifications push et intégration automatique des données LNH.

période
Déc 2023 → Mars 2024
Capture du projet Angers SCO Handball
01 / Objectif

L’objectif

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.

02 / Rôle

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.

03 / Stack

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
04 / Points forts

Points forts

01

PWA installable comme une app native avec UX optimisée pour le stade

02

Caching stratégique et offline-first pour garantir la dispo des données

03

Automatisation des mises à jour via CRON (flux LNH)

04

Push notifications fonctionnelles via Firebase

Captures du projet

Galerie
Angers SCO Handball : capture 1 sur 5
Angers SCO Handball : capture 2 sur 5
Angers SCO Handball : capture 3 sur 5
Angers SCO Handball : capture 4 sur 5
Angers SCO Handball : capture 5 sur 5
01 / 05