A role-based web platform for youth soccer academy management.
- User Management: Admin-only user creation and management
- Player Profiles: Comprehensive player management with photos, positions, and team assignments
- Team Management: Create and manage teams with coaches and volunteers
- Attendance & Points: Track attendance and assign points with calendar and list views
- Analytics: View player and team statistics with filtering options
- Mobile-Optimized: Fully responsive design for on-field usage
- Frontend: Next.js 14+ (App Router), React, TypeScript, Tailwind CSS, shadcn/ui
- Backend: Supabase (Auth, PostgreSQL, Storage, RLS)
- Deployment: Vercel
- Node.js 18+ and npm/yarn
- Supabase account and project
- Clone the repository:
git clone <repository-url>
cd FootballPlus- Install dependencies:
npm install- Set up environment variables:
cp .env.local.example .env.localEdit .env.local with your Supabase credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key
-
Set up the database:
- Run the migration file
supabase/migrations/001_initial_schema.sqlin your Supabase SQL editor - Create storage buckets:
profile-photos(public)player-photos(public)
- Run the migration file
-
Run the development server:
npm run devOpen http://localhost:3000 in your browser.
- Admin: Full access to all features
- Coach: Can manage players, teams, and attendance
- Volunteer: Read-only access to view information
See supabase/migrations/001_initial_schema.sql for the complete schema.
users: Academy staff and volunteersplayers: Player profilesteams: Team informationattendance: Attendance and points records
- Push your code to a Git repository
- Import the project in Vercel
- Add environment variables in Vercel dashboard
- Deploy
The app will automatically deploy on every push to the main branch.
Private - All rights reserved