A dynamic, interactive web-based scoring system for tracking points and rankings across multiple players. Perfect for math competitions, quiz games, or any point-based scoring scenarios.
- 🎮 Dynamic player management with real-time score tracking
- 📊 Multiple point categories (2, 3, and 5 points)
- 🏆 Automatic rank calculation with medal-style visualization
- ✏️ Editable player names and headers
- 🎯 Interactive scoring cells with double-click activation
- 🎨 Visual feedback with color-coded scoring sections
- Click the "+" button to add a new player row
- Click on player name cells to edit names
- Double-click on score cells to toggle points (or long press in mobile)
- Headers are editable to customize category names
- 2 Points Section: 10 questions (blue when active)
- 3 Points Section: 5 questions (red when active)
- 5 Points Section: 5 questions (green when active)
- 🥇 First place: Gold background
- 🥈 Second place: Silver background
- 🥉 Third place: Bronze background
- Other places: White background
- GameState: Manages player count and ID assignment
- GameConfig: Contains game settings (scores, colors, medals)
- ScoreUtils: Handles score calculations
- ScoreManager: Manages scoring logic and rank updates
- CellFactory: Creates grid cells and event listeners
Tested and working in:
- Chrome
- Firefox
- Safari
- Edge
- Modern web browser
- Basic text editor or IDE
The modular design allows for easy extensions:
- Modify
GameConfigto adjust points and colors - Update CSS classes for visual changes
- Extend
ScoreManagerfor new scoring rules
MIT License - feel free to use and modify for your needs.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Open a Pull Request
- 👨🏼💻 Developer: Chessurisme
- ⌛ Created: November 24, 2024
- 🎟️ License: MIT License
All Rights Reserved 2024