|
1 | 1 |
|
2 | | -# 🏀 Goal Counter |
| 2 | +# Goal Counter |
3 | 3 |
|
4 | | -Track your shooting performance with ease! This web app helps you log goals scored and missed, providing a clear overview of your shooting average. Perfect for players and coaches looking to improve accuracy! |
| 4 | +A modern web application for tracking and analyzing shooting performance metrics with precision and ease. |
5 | 5 |
|
| 6 | +## Overview |
6 | 7 |
|
7 | | -## Usage |
| 8 | +Goal Counter is a comprehensive performance tracking solution designed for players and coaches who need real-time statistics on shooting accuracy. The application supports both individual player analysis and multi-player comparative tracking, making it ideal for training sessions, competitions, and performance monitoring. |
8 | 9 |
|
9 | | -This app allows you to track goal-shooting statistics for a single player or multiple players simultaneously. |
| 10 | +## Features |
10 | 11 |
|
11 | | -Single Player Tracker |
12 | | -With the single player tracker, you can: |
| 12 | +### Single Player Mode |
| 13 | +- **Shooting Average**: View your shooting percentage in real-time |
| 14 | +- **Performance Metrics**: Track successful shots against total attempts |
| 15 | +- **Streak Analysis**: Monitor current consecutive goals and personal best streaks |
| 16 | +- **Real-time Updates**: Instant calculation and display of all statistics |
13 | 17 |
|
14 | | -View the shooting average as a percentage. |
15 | | -See the total number of successful shots out of all attempts. |
16 | | -Monitor both the current streak of consecutive goals and the highest streak achieved. |
17 | | -Multi-Player Tracker |
18 | | -The multi-player tracker enables you to: |
| 18 | +### Multi-Player Mode |
| 19 | +- **Unlimited Players**: Add and track an unlimited number of players simultaneously |
| 20 | +- **Individual Scorecards**: Each player has a dedicated tracking interface with: |
| 21 | + - Success rate and attempt count |
| 22 | + - Shooting percentage calculation |
| 23 | + - Current and best streak tracking |
| 24 | +- **Comparative Analysis**: Compare performance across multiple players in one view |
| 25 | +- **Flexible Management**: Easy player addition and performance monitoring |
19 | 26 |
|
20 | | -Add an unlimited number of players by providing their names as unique identifiers. |
21 | | -Track each player's performance using a personalised scorecard, which includes: |
22 | | -The number of successful shots out of total attempts. |
23 | | -The shooting average as a percentage. |
24 | | -The current streak of consecutive goals. |
25 | | -This flexible setup is perfect for comparing player performance or monitoring individual progress over time. |
| 27 | +## Getting Started |
26 | 28 |
|
| 29 | +### Prerequisites |
| 30 | +- Node.js 16.x or higher |
| 31 | +- pnpm package manager |
27 | 32 |
|
28 | | -## Upcoming Features |
| 33 | +### Installation |
| 34 | +```bash |
| 35 | +pnpm install |
| 36 | +``` |
29 | 37 |
|
30 | | -- Light/dark mode toggle |
31 | | -- Voice Commands ("Hit", "Miss", "Undo") |
| 38 | +### Running the Application |
| 39 | +```bash |
| 40 | +pnpm dev |
| 41 | +``` |
32 | 42 |
|
33 | | -## Support |
| 43 | +The application will be available at `http://localhost:5173` |
34 | 44 |
|
35 | | -If you like the application and find it useful, consider supporting me with the link below: |
36 | | - |
37 | | -<a href="https://www.buymeacoffee.com/withmike" target="_blank"><img src="https://buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" height="41" width="174"></a> |
| 45 | +## Technology Stack |
| 46 | +- Vue.js 3 |
| 47 | +- Vite |
| 48 | +- Tailwind CSS |
| 49 | +- JavaScript |
0 commit comments