🌍 Live Demo → fantaf1-b5410.web.app
Personal project – A comprehensive web application to manage Formula 1 fantasy league among friends, featuring real-time standings, automatic points calculation, advanced statistics, and professional administration tools.
React 19 · React Router v7 · Vite 6 Firebase Firestore · Firebase Hosting React Bootstrap · Material-UI · Recharts React-Select · i18n Multi-language
• Auto-fetch race results from Ergast F1 API • Real-time leaderboard with progression charts • Sprint race & joker bonus system (29→30 rule) • Late submission with -3 penalty tracking • Championship predictions (drivers + constructors) • Full dark mode support
• Personal dashboards: performance metrics, formation history, joker analytics • Global analytics: top performers, race insights, driver popularity trends • Visual charts: line graphs, pie charts, histograms (Recharts) • Prediction accuracy tracking with position breakdown
• Submit/edit formations for any user (bypass deadlines) • Modify race dates, deadlines, and sprint configuration • Automatic backup before calculations • Manual backup/restore system with JSON export • Database reset operations (formations, scores, complete) • Ranking snapshots after each calculation
Firestore Collections: /races → metadata, official results, submissions subcollection /ranking → user points, jokers, championship predictions /backups → auto/manual snapshots with metadata /rankingSnapshots → historical standings after each race /championship → final season results
• Dynamic driver/team resolution (manual DB + API cache) • Points calculation engine with double points logic • Anti-duplicate validation for formations • Deadline countdown and grace period system • Environment-based configuration (dev/prod) • Responsive design (mobile/tablet/desktop)
• Production: Firebase Hosting • Database: Cloud Firestore (NoSQL real-time) • Build: Vite with optimized production bundle • Version control: Git with feature branches