Web Development2025

Unity Sports Club Dashboard

A modern, responsive dashboard for sports club management with multi-role support, interactive tables, and full CRUD functionality.

View Live Site View Code

⏳ Timeline

2 months

👤 Client

Personal Project

📂 Category

Web Development

📖 Project Overview

A full-featured sports club management dashboard built with React, TypeScript, and Tailwind CSS. Supports Admin, Staff, Player, Manager, and Umpire roles with features like team & player management, tournaments, matches, results, blogs, and dynamic tables. Demonstrates advanced frontend development practices, reusable components, and optimized state management.

✨ Key Features

✔ Multi-role management (Admin, Staff, Player, Manager, Umpire) with CRUD operations
✔ Dynamic tables with sorting, filtering, pagination, and responsive design
✔ Reusable forms and modals with validation and rich text editor support
✔ Theme switching (Light/Dark/System), loading skeletons, and error handling

🛠 Technologies Used

Frontend

ReactTypeScriptTailwind CSS

State Management

Redux ToolkitRTK Query

UI Components

Lucide IconsRadix UICustom reusable components

Forms & Validation

React Hook FormZodCVA

Build Tools

ViteESLintPrettier

Deployment

VercelGitHub

📚 Growth & Learning

Advanced React patterns (component composition, hooks, HOCs, custom hooks)

Performance optimization (code splitting, lazy loading, image optimization)

TypeScript for type-safe, maintainable code

Building reusable components (Form inputs, Buttons, Cards, Modals, Tables)

Writing clean and modular code with proper folder structure

Error handling and loading states for better UX

Polished, fully responsive UI across devices

Advanced data fetching and state management with Redux Toolkit and RTK Query