EPIC-2: Advanced Frontend Components #17
Description
Epic Overview
Build comprehensive frontend components for scenario building and user interaction. Create advanced UI components for weather input, grid modifications, pit strategies, and state management.
Goals
- Create advanced scenario building components
- Implement real-time data integration with FastAPI
- Build comprehensive state management for complex scenarios
- Develop responsive and accessible UI components
Child Tickets
- FWI-FE-201: Update ControlPanel to fetch real race sessions from FastAPI endpoints #1 - FWI-FE-201: Session selection component
- FWI-FE-203: Create WeatherInput component with real weather options from FastAPI data #2 - FWI-FE-202: Driver data queries
- FWI-FE-407: Create ResultsDisplay component to visualize ML prediction results with confidence scores #3 - FWI-FE-203: Weather input component
- FWI-FE-204: Create StartingGridDisplay component showing real grid data from FastAPI #4 - FWI-FE-204: Track data display
- FWI-FE-205: Add modification controls to StartingGridDisplay for what-if grid scenarios #5 - FWI-FE-205: Grid modification controls
- FWI-FE-202: Implement dependent queries to fetch real driver data from FastAPI based on selected sessions #6 - FWI-FE-206: Pit strategy row component
- FWI-FE-206: Create PitStrategyRow component with real tire compound options from FastAPI #7 - FWI-FE-207: Pit strategy manager
- FWI-FE-207: Create PitStrategyManager component for managing multiple pit stop strategies #8 - FWI-FE-208: State management with useReducer
- FWI-FE-208: Implement useReducer hook to manage complex scenario state (weather, grid, pit strategies) #9 - FWI-FE-209: Integration with real data
Dependencies
- EPIC-1 (Real data integration)
- FastAPI backend endpoints
Success Criteria
- All scenario components work with real data
- Complex state management handles multiple scenarios
- UI is responsive and accessible
- Components integrate seamlessly with FastAPI