Trojan FC Admin is a web application to help manage and strategize for a 7-a-side football team. Drag and drop players onto the pitch, manage your roster, set your team's formation and captain, and track your season's progress.
- Drag-and-drop Tactics Board: Arrange your starting lineup and assign roles (captain, penalty taker, etc.).
- Player Roster Management: Add, edit, and remove players with details like skill, age, and position.
- Save & Load: Download and upload your full team data or just the roster for backup and sharing.
- Season Tracking: Manage matches, results, and view league tables and statistics.
- Multi-language Support: Switch between English and Spanish.
- Responsive Design: Works on desktop and mobile devices.
- Node.js (v16 or higher recommended)
-
Clone the repository:
git clone https://github.com/your-username/trojan-fc-manager.git cd trojan-fc-manager -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser: Visit http://localhost:5173 (or the URL shown in your terminal).
npm run buildThe production-ready files will be in the dist/ directory.
App.tsx: Main application component.components/: UI components, organized by feature.contexts/: React context providers (e.g., language).hooks/: Custom React hooks.i18n/: Translation files for multi-language support.localData/: Example backup data.types.ts: TypeScript type definitions.constants.ts: App-wide constants.
- Save All Data: Download a backup of your entire app state as a JSON file.
- Load All Data: Restore your app state from a backup JSON file.
- Quick Save: Save your current state to your browser's local storage.
- Roster Only: Save/load just the player roster for quick edits.
Switch between English and Spanish using the language toggle in the app bar.
This project is for personal/team use. See LICENSE if present.
Made with React and TypeScript.