Soccer Lineup Organizer (SLO)

A modern Next.js application for soccer coaches to create and manage team lineups with an intuitive drag-and-drop interface.

Features

• Organize formations for different formations/halves
• Create lineups by game
• Visual drag-and-drop lineup builder
• Manage team rosters
• Settings for multiple formations (1-3-3, 1-2-1-2, 1-4-3-3, 1-3-4-3, 1-4-4-2)
• Division support (U-8, U-10, U-12, U-14, U-16, U-18)
• Alerts for formations that break AYSO lineup guidelines (toggleable)

Technologies Used

Frontend

• React - Library to build dynamic, component-based UIs.
• Next.js - React framework with server-side rendering.
• Tailwind CSS - CSS framework for rapidly building modern websites.

Backend

• PostgreSQL - Relational database for storing user data and planners.
• Supabase - Open-source backend platform with a Postgres database, auth, and storage.

Tooling

• TypeScript - JavaScript with type-checking

Setup

Prerequisites

• Node.js 18+ and npm

Installation

npm install

Development

npm run dev

Open http://localhost:3000 to view the app.

Build for Production

npm run build

Support

For questions or issues, please open an issue on the repository or email me at atticus1467@gmail.com.

⚠️ This project is still in active development and is not ready for production yet.