How harrypatria/awesome-fullstack-prediction-app- works
Attrition Predictor is an HR analytics app for entering employee attributes, requesting an individual risk estimate, and viewing explanations; it also provides team insights and a retention command center. The README describes a broader ITDO lifecycle—risk insights, alerts, interventions, and operational tasks—alongside batch analytics. The sampled frontend shows the prediction request path and feature navigation. Backend training and serving modules are present, but their implementation details and wiring to the TypeScript server were not excerpted, so those connections remain unasserted.
Main entry points: App.tsx App shell · CommandCenter.tsx Command center · PredictionResult.tsx Risk explanation · SlicerPanel.tsx Employee slicer
Components 23
App experience
- App shell
src/App.tsx - Landing page
src/features/landing/LandingPage.tsx - Chatbot
src/components/Chatbot.tsx - Notifications
src/components/NotificationCenter.tsx - Export utilities
src/lib/exportUtils.ts - Dialog control
src/components/ui/Dialog.tsx - Popover control
src/components/ui/Popover.tsx - Tooltip control
src/components/ui/Tooltip.tsx - Accordion control
src/components/ui/Accordion.tsx
Risk analytics
- Employee slicer
src/features/predictor/SlicerPanel.tsx - Risk explanation
src/features/predictor/PredictionResult.tsx - Prediction request
src/hooks/usePredict.ts - Team insights
src/features/insights/TeamInsights.tsx - Team statistics
src/hooks/useTeamStats.ts - Metric card
src/components/StatCard.tsx
Retention operations
- Command center
src/features/command-center/CommandCenter.tsx - Operations state
src/hooks/useCommandCenter.ts
Model services
- Prediction service
backend/src/predict.py - Feature processing
backend/src/features.py - Model training
backend/src/train.py - Model artifacts
models/model.pkl - TypeScript server
server.ts
Other components
- HR user
Connections 23
- HR user → App shell: uses
src/App.tsx - App shell → Landing page: shows
src/App.tsx - App shell → Employee slicer: renders
src/App.tsx - App shell → Risk explanation: renders
src/App.tsx - App shell → Prediction request: uses
src/App.tsx - App shell → Team insights: routes to
src/App.tsx - App shell → Command center: routes to
src/App.tsx - App shell → Chatbot: renders
src/App.tsx - App shell → Notifications: renders
src/App.tsx - Employee slicer → Risk explanation: edits inputs
- Prediction request → Prediction service: requests prediction
- Team insights → Team statistics: loads stats
src/features/insights/TeamInsights.tsx - Team insights → Metric card: renders
src/features/insights/TeamInsights.tsx - Command center → Operations state: loads state
src/features/command-center/CommandCenter.tsx - Command center → Dialog control: uses
src/features/command-center/CommandCenter.tsx - Command center → Popover control: uses
src/features/command-center/CommandCenter.tsx - Risk explanation → Popover control: uses
src/features/predictor/PredictionResult.tsx - Risk explanation → Tooltip control: uses
src/features/predictor/PredictionResult.tsx - Employee slicer → Accordion control: uses
src/features/predictor/SlicerPanel.tsx - Employee slicer → Tooltip control: uses
src/features/predictor/SlicerPanel.tsx - Team insights → Export utilities: exports via
src/features/insights/TeamInsights.tsx - Command center → Export utilities: exports via
src/features/command-center/CommandCenter.tsx - Risk explanation → Export utilities: exports via
src/features/predictor/PredictionResult.tsx