Legacy Scoreboard

The Legacy Scoreboard is a modern, interactive server scoreboard that provides real-time information about your FiveM server and players. It features a sleek React/TypeScript-based UI with live data updates, player statistics, and role-based information display.

Key Features

📊 Real-Time Player Data

• Live player roster with ping indicators
• Server capacity and queue information
• Player count sparkline chart (36 samples over time)
• Staff/donator/streamer badges

🎯 Role Management

• On-duty tracking for different job roles
• Capacity indicators for each role type:
  • Police (LEO): 12 capacity
  • EMS: 8 capacity
  • Mechanic: 6 capacity
  • Taxi/Cab: 4 capacity
  • Government: 4 capacity
  • News/Press: 3 capacity

⚡ Interactive Features

• Toggle between view and interact modes (HOME key to toggle, J key for focus)
• Anonymous mode for players to hide their names
• Automatic refresh every 3 seconds while open
• Smooth animations and transitions

📈 Server Statistics

• Server uptime display
• Restart countdown timer
• Player count history visualization
• Quick links to Discord, rules, donation store, and forums

🎨 Modern UI

• Built with React 18 and TypeScript
• Tailwind CSS styling with dark theme
• Responsive design that scales to different viewports
• Custom CSS animations and transitions

Requirements

• ox_lib: Required for callbacks and notifications
• legacy-lib: Framework integration and utility functions
• Modern web browser with ES2022 support
• FiveM server with lua54 enabled

Technical Details

• Client-Server Architecture: Uses ox_lib callbacks for data exchange
• NUI Integration: React-based web interface with TypeScript
• Real-Time Updates: Automatic polling system for live data
• Framework Agnostic: Works with any framework through legacy-lib
• Performance Optimized: Efficient data polling and UI rendering