Tactix — AI-Powered Football Tactical Analysis Platform.

A comprehensive football/soccer tactical analysis platform for coaches and analysts. Features an interactive SVG tactical board editor with drawing tools, player placement, formation presets, and multi-scene management; a video analysis editor with time-based event tagging, client-side clip extraction via FFmpeg WASM, and board-to-tag linking; plus AI-assisted analysis, customizable panel/tag systems, and a full auth flow with OTP verification.

Link

tactix-front.vercel.app , https://github.com/FadyEmad01/tactix-front github front-end, https://github.com/abdelrahmann22/tactix-graduation-project-Backend github back-end

Stack

Next.js 15 (App Router), React 19, TypeScript 5, Tailwind CSS v4, Zustand 5, shadcn/ui / Radix UI, Motion (Framer Motion successor), GSAP, Lenis (smooth scroll), Zod 4, react-hook-form, FFmpeg WASM (@ffmpeg/ffmpeg), OpenAI API, Cloudinary, Lucide React / Remixicon

Role

Frontend Developer (Frontend-heavy) | Designed the entire frontend architecture, UI/UX, and implemented all features,visual design, and animations

Highlights

•Engineered an SVG-based tactical board editor with drag-and-drop player/ball placement, freehand drawing, curved/dotted/dashed arrows, undo/redo (30-level history stack), zoom/pan, and multi-scene management for creating complex tactical sequences

•Built a video analysis editor with time-based event tagging across 4 category groups (Common, Attacking, Defensive, Transition events), client-side clip extraction via FFmpeg WASM, and linking tactical boards to specific video timestamps

•Designed a custom shadcn/ui component system with 42+ primitives, CSS-based dark/light mode via next-themes, and configurable theme presets with HSL adjustments

•Implemented a full authentication system (login, signup, OTP, email verification, password reset) with JWT in httpOnly cookies, Zod validation, and middleware-based route protection

•Integrated an AI chat assistant (OpenAI/Gemini) with conversation management, persistent history, and board-context-aware analysis panels

•Created a cinematic landing page intro using GSAP with orchestrated animations and Lenis smooth scrolling

OG Image

No OG image available

Tactix — AI-Powered Football Tactical Analysis Platform.

A comprehensive football/soccer tactical analysis platform for coaches and analysts. Features an interactive SVG tactical board editor with drawing tools, player placement, formation presets, and multi-scene management; a video analysis editor with time-based event tagging, client-side clip extraction via FFmpeg WASM, and board-to-tag linking; plus AI-assisted analysis, customizable panel/tag systems, and a full auth flow with OTP verification.