dev day #65

DOCS/NEW_UTILITY_CONTROLLERS_GUIDE.md

@@ -0,0 +1,783 @@
+# Utility Controllers Guide
+
+This guide explains the new utility controllers that make development easier, simpler, and better.
+
+## Table of Contents
+
+1. [Response Helper](#response-helper)
+2. [Pagination Helper](#pagination-helper)
+3. [Query Helper](#query-helper)
+4. [Validation Helper](#validation-helper)
+5. [Audit Log Controller](#audit-log-controller)
+6. [Batch Operations Controller](#batch-operations-controller)
+7. [Export Helper](#export-helper)
+8. [Complete Examples](#complete-examples)
+
+---
+
+## Response Helper
+
+**Purpose:** Standardize all API responses across your application.
+
+### Features
+- Consistent response format
+- Pre-built status code handlers
+- Support for metadata (pagination, etc.)
+- Easy error handling
+
+### Usage
+
+```go
+import "fotbal-club/internal/controllers"
+
+// Success response
+controllers.Respond.Success(c, data, "Operation successful")
+
+// Success with metadata (pagination)
+controllers.Respond.SuccessWithMeta(c, articles, paginationMeta, "Articles retrieved")
+
+// Created (201)
+controllers.Respond.Created(c, newArticle, "Article created")
+
+// Error responses
+controllers.Respond.BadRequest(c, "Invalid input")
+controllers.Respond.Unauthorized(c, "Not authenticated")
+controllers.Respond.Forbidden(c, "No permission")
+controllers.Respond.NotFound(c, "Article not found")
+controllers.Respond.InternalError(c, "Database error")
+controllers.Respond.ValidationError(c, validationErrors)
+
+// No content (204)
+controllers.Respond.NoContent(c)
+```
+
+### Response Format
+
+```json
+{
+  "success": true,
+  "message": "Articles retrieved successfully",
+  "data": [...],
+  "meta": {
+    "page": 1,
+    "page_size": 20,
+    "total": 100,
+    "total_pages": 5,
+    "has_next": true,
+    "has_prev": false
+  }
+}
+```
+
+---
+
+## Pagination Helper
+
+**Purpose:** Add pagination to any list endpoint with one line of code.
+
+### Features
+- Auto-extracts page/page_size from query params
+- Calculates pagination metadata
+- Works with GORM queries
+- Supports preloading
+
+### Usage
+
+```go
+// Simple pagination
+query := db.Model(&models.Article{}).Where("published = ?", true)
+var articles []models.Article
+meta, err := controllers.Paginator.Paginate(c, query, &articles)
+if err != nil {
+    controllers.Respond.InternalError(c, "Failed to retrieve articles")
+    return
+}
+controllers.Respond.SuccessWithMeta(c, articles, meta, "Success")
+
+// Pagination with preloading
+meta, err := controllers.Paginator.PaginateWithPreload(
+    c, query, &articles, "Author", "Category"
+)
+```
+
+### Query Parameters
+
+```
+GET /api/v1/articles?page=1&page_size=20
+```
+
+- `page`: Page number (default: 1)
+- `page_size`: Items per page (default: 20, max: 100)
+
+---
+
+## Query Helper
+
+**Purpose:** Simplify filtering, sorting, and searching in list endpoints.
+
+### Features
+- Search across multiple fields
+- Sort by any field
+- Boolean filters
+- ID filters (comma-separated)
+- Date range filters
+- Fluent chain builder
+
+### Usage
+
+#### Basic Sorting
+
+```go
+// GET /api/v1/articles?sort=created_at:desc
+query := controllers.QueryParser.ApplySortFromContext(
+    c, db.Model(&models.Article{}), "created_at", "desc"
+)
+```
+
+#### Basic Search
+
+```go
+// GET /api/v1/articles?search=football
+query := controllers.QueryParser.ApplySearchFromContext(
+    c, db.Model(&models.Article{}), "title", "content"
+)
+```
+
+#### Fluent Chain Builder (Recommended)
+
+```go
+// GET /api/v1/articles?search=football&sort=created_at:desc&published=true&category_ids=1,2,3&from=2024-01-01
+query := controllers.QueryParser.BuildQueryChain(c, db.Model(&models.Article{})).
+    WithSearch("title", "content").
+    WithSort("created_at", "desc").
+    WithBoolFilter("published", "published").
+    WithBoolFilter("featured", "featured").
+    WithIDsFilter("category_ids", "category_id").
+    WithDateRange("created_at").
+    Build()
+
+var articles []models.Article
+meta, err := controllers.Paginator.Paginate(c, query, &articles)
+```
+
+### Supported Query Parameters
+
+- `search` or `q`: Search term
+- `sort`: field:order (e.g., `created_at:desc`)
+- `published`: Boolean filter (true/false)
+- `featured`: Boolean filter (true/false)
+- `category_ids`: Comma-separated IDs (e.g., `1,2,3`)
+- `from`: Start date (YYYY-MM-DD)
+- `to`: End date (YYYY-MM-DD)
+
+---
+
+## Validation Helper
+
+**Purpose:** Validate request data and return user-friendly error messages.
+
+### Features
+- Struct validation using tags
+- Custom validators (slug, color)
+- Automatic error responses
+- Input sanitization
+
+### Usage
+
+#### Validate Struct
+
+```go
+type CreateArticleRequest struct {
+    Title   string `validate:"required,min=3,max=200"`
+    Content string `validate:"required,min=10"`
+    Slug    string `validate:"omitempty,slug"`
+    Email   string `validate:"required,email"`
+}
+
+var req CreateArticleRequest
+if err := c.ShouldBindJSON(&req); err != nil {
+    controllers.Respond.BadRequest(c, "Invalid JSON")
+    return
+}
+
+// Validate and auto-respond if invalid
+if !controllers.Validator.ValidateAndRespond(c, req) {
+    return // Response already sent
+}
+
+// Continue with valid data...
+```
+
+#### Sanitization
+
+```go
+// Sanitize string (trim, normalize spaces)
+title := controllers.Validator.SanitizeString(req.Title)
+
+// Sanitize email (lowercase, trim)
+email := controllers.Validator.SanitizeEmail(req.Email)
+
+// Sanitize slug
+slug := controllers.Validator.SanitizeSlug(req.Slug)
+```
+
+#### Individual Validation
+
+```go
+if !controllers.Validator.IsValidEmail(email) {
+    controllers.Respond.BadRequest(c, "Invalid email")
+    return
+}
+```
+
+### Validation Tags
+
+- `required`: Field is required
+- `email`: Valid email address
+- `url`: Valid URL
+- `min=n`: Minimum length
+- `max=n`: Maximum length
+- `slug`: Valid slug (lowercase, alphanumeric, hyphens)
+- `color`: Valid hex color (#RGB, #RRGGBB)
+- `oneof=val1 val2`: One of the specified values
+- `gte=n`, `lte=n`: Greater/less than or equal
+
+---
+
+## Audit Log Controller
+
+**Purpose:** Track all important actions in your application for compliance and debugging.
+
+### Features
+- Automatic user tracking
+- IP address and user agent logging
+- Before/after change tracking
+- Search and filter logs
+- Statistics dashboard
+
+### Setup
+
+Add to `main.go`:
+
+```go
+// Initialize audit logger
+controllers.InitAuditLogger(dbInstance)
+
+// Add to AutoMigrate
+&models.AuditLog{},
+```
+
+### Usage
+
+#### Log Actions
+
+```go
+// Log creation
+controllers.AuditLogger.LogCreate(c, "Article", article.ID, "Article created: "+article.Title)
+
+// Log update with changes
+before := map[string]interface{}{"title": oldTitle, "published": oldPublished}
+after := map[string]interface{}{"title": newTitle, "published": newPublished}
+controllers.AuditLogger.LogUpdate(c, "Article", article.ID, "Article updated", before, after)
+
+// Log deletion
+controllers.AuditLogger.LogDelete(c, "Article", articleID, "Article deleted: "+title)
+
+// Log login
+controllers.AuditLogger.LogLogin(c, userID, true) // success=true
+
+// Log custom action
+controllers.AuditLogger.LogEntry(c, "EXPORT", "Article", nil, "Exported articles to CSV", nil)
+```
+
+#### API Endpoints (Admin Only)
+
+```go
+// Add to routes/routes.go admin group:
+admin.GET("/audit-logs", auditLogController.GetAuditLogs)
+admin.GET("/audit-logs/:id", auditLogController.GetAuditLogByID)
+admin.GET("/audit-logs/entity/:entity_type/:entity_id", auditLogController.GetEntityAuditHistory)
+admin.GET("/audit-logs/user/:user_id", auditLogController.GetUserActivityLog)
+admin.GET("/audit-logs/stats", auditLogController.GetAuditStats)
+admin.POST("/audit-logs/cleanup", auditLogController.CleanupOldLogs)
+```
+
+#### Query Audit Logs
+
+```
+GET /api/v1/admin/audit-logs?action=CREATE&entity_type=Article&user_id=1&from=2024-01-01&page=1
+```
+
+---
+
+## Batch Operations Controller
+
+**Purpose:** Perform bulk operations efficiently.
+
+### Features
+- Batch delete
+- Batch update
+- Batch publish/unpublish
+- Batch reorder
+- Detailed success/failure reporting
+
+### Setup
+
+```go
+// Initialize in main.go or controller
+controllers.InitBatchOperations(dbInstance)
+```
+
+### Usage
+
+#### Batch Delete
+
+```go
+// POST /api/v1/articles/batch-delete
+// Body: {"ids": [1, 2, 3, 4, 5]}
+func (ac *ArticleController) BatchDeleteArticles(c *gin.Context) {
+    controllers.BatchOps.BatchDelete(c, &models.Article{}, "articles")
+}
+```
+
+#### Batch Update
+
+```go
+// POST /api/v1/articles/batch-update
+// Body: {"ids": [1, 2, 3], "fields": {"published": true, "featured": false}}
+func (ac *ArticleController) BatchUpdateArticles(c *gin.Context) {
+    allowedFields := []string{"published", "featured", "category_id"}
+    controllers.BatchOps.BatchUpdate(c, &models.Article{}, "articles", allowedFields)
+}
+```
+
+#### Batch Publish/Unpublish
+
+```go
+// POST /api/v1/articles/batch-publish
+// Body: {"ids": [1, 2, 3]}
+func (ac *ArticleController) BatchPublishArticles(c *gin.Context) {
+    controllers.BatchOps.BatchPublish(c, &models.Article{}, "articles", true)
+}
+```
+
+#### Batch Reorder
+
+```go
+// POST /api/v1/navigation/batch-reorder
+// Body: {"orders": [{"id": 1, "order": 3}, {"id": 2, "order": 1}]}
+func (nc *NavigationController) BatchReorderItems(c *gin.Context) {
+    controllers.BatchOps.BatchReorder(c, &models.NavigationItem{}, "navigation_items")
+}
+```
+
+### Response Format
+
+```json
+{
+  "success": true,
+  "data": {
+    "success": true,
+    "total_items": 5,
+    "success_count": 5,
+    "failure_count": 0,
+    "errors": []
+  },
+  "message": "Successfully deleted 5 items"
+}
+```
+
+---
+
+## Export Helper
+
+**Purpose:** Export data to CSV or JSON format.
+
+### Usage
+
+#### Export to CSV
+
+```go
+func (ac *ArticleController) ExportArticlesToCSV(c *gin.Context) {
+    var articles []models.Article
+    if err := db.Find(&articles).Error; err != nil {
+        controllers.Respond.InternalError(c, "Failed to retrieve articles")
+        return
+    }
+
+    headers := []string{"ID", "Title", "Published", "Created At"}
+    filename := fmt.Sprintf("articles_%s.csv", time.Now().Format("20060102"))
+    
+    if err := controllers.Exporter.ExportToCSV(c, articles, filename, headers); err != nil {
+        controllers.Respond.InternalError(c, "Export failed")
+        return
+    }
+}
+```
+
+#### Export to JSON
+
+```go
+func (ac *ArticleController) ExportArticlesToJSON(c *gin.Context) {
+    var articles []models.Article
+    if err := db.Find(&articles).Error; err != nil {
+        controllers.Respond.InternalError(c, "Failed to retrieve articles")
+        return
+    }
+
+    filename := fmt.Sprintf("articles_%s.json", time.Now().Format("20060102"))
+    
+    if err := controllers.Exporter.ExportToJSON(c, articles, filename); err != nil {
+        controllers.Respond.InternalError(c, "Export failed")
+        return
+    }
+}
+```
+
+---
+
+## Complete Examples
+
+### Example 1: Simple CRUD Controller
+
+```go
+package controllers
+
+import (
+    "fotbal-club/internal/models"
+    "github.com/gin-gonic/gin"
+    "gorm.io/gorm"
+)
+
+type SimpleArticleController struct {
+    DB *gorm.DB
+}
+
+// List articles with search, filter, sort, and pagination
+func (sac *SimpleArticleController) List(c *gin.Context) {
+    query := QueryParser.BuildQueryChain(c, sac.DB.Model(&models.Article{})).
+        WithSearch("title", "content").
+        WithSort("created_at", "desc").
+        WithBoolFilter("published", "published").
+        Build()
+
+    var articles []models.Article
+    meta, err := Paginator.PaginateWithPreload(c, query, &articles, "Author", "Category")
+    if err != nil {
+        Respond.InternalError(c, "Failed to retrieve articles")
+        return
+    }
+
+    Respond.SuccessWithMeta(c, articles, meta, "Articles retrieved successfully")
+}
+
+// Get single article
+func (sac *SimpleArticleController) Get(c *gin.Context) {
+    id := c.Param("id")
+
+    var article models.Article
+    if err := sac.DB.Preload("Author").Preload("Category").First(&article, id).Error; err != nil {
+        if err == gorm.ErrRecordNotFound {
+            Respond.NotFound(c, "Article not found")
+            return
+        }
+        Respond.InternalError(c, "Failed to retrieve article")
+        return
+    }
+
+    Respond.Success(c, article, "Article retrieved successfully")
+}
+
+// Create article
+func (sac *SimpleArticleController) Create(c *gin.Context) {
+    var req struct {
+        Title   string `json:"title" validate:"required,min=3,max=200"`
+        Content string `json:"content" validate:"required,min=10"`
+        Slug    string `json:"slug" validate:"omitempty,slug"`
+    }
+
+    if err := c.ShouldBindJSON(&req); err != nil {
+        Respond.BadRequest(c, "Invalid JSON")
+        return
+    }
+
+    if !Validator.ValidateAndRespond(c, req) {
+        return
+    }
+
+    article := models.Article{
+        Title:   Validator.SanitizeString(req.Title),
+        Content: req.Content,
+        Slug:    Validator.SanitizeSlug(req.Slug),
+    }
+
+    if err := sac.DB.Create(&article).Error; err != nil {
+        Respond.InternalError(c, "Failed to create article")
+        return
+    }
+
+    AuditLogger.LogCreate(c, "Article", article.ID, "Article created: "+article.Title)
+    Respond.Created(c, article, "Article created successfully")
+}
+
+// Update article
+func (sac *SimpleArticleController) Update(c *gin.Context) {
+    id := c.Param("id")
+
+    var article models.Article
+    if err := sac.DB.First(&article, id).Error; err != nil {
+        if err == gorm.ErrRecordNotFound {
+            Respond.NotFound(c, "Article not found")
+            return
+        }
+        Respond.InternalError(c, "Failed to retrieve article")
+        return
+    }
+
+    oldTitle := article.Title
+
+    var req struct {
+        Title string `json:"title" validate:"omitempty,min=3,max=200"`
+    }
+
+    if err := c.ShouldBindJSON(&req); err != nil {
+        Respond.BadRequest(c, "Invalid JSON")
+        return
+    }
+
+    if !Validator.ValidateAndRespond(c, req) {
+        return
+    }
+
+    if req.Title != "" {
+        article.Title = Validator.SanitizeString(req.Title)
+    }
+
+    if err := sac.DB.Save(&article).Error; err != nil {
+        Respond.InternalError(c, "Failed to update article")
+        return
+    }
+
+    AuditLogger.LogUpdate(c, "Article", article.ID, "Article updated",
+        map[string]interface{}{"title": oldTitle},
+        map[string]interface{}{"title": article.Title})
+
+    Respond.Success(c, article, "Article updated successfully")
+}
+
+// Delete article
+func (sac *SimpleArticleController) Delete(c *gin.Context) {
+    id := c.Param("id")
+
+    var article models.Article
+    if err := sac.DB.First(&article, id).Error; err != nil {
+        if err == gorm.ErrRecordNotFound {
+            Respond.NotFound(c, "Article not found")
+            return
+        }
+        Respond.InternalError(c, "Failed to retrieve article")
+        return
+    }
+
+    title := article.Title
+    articleID := article.ID
+
+    if err := sac.DB.Delete(&article).Error; err != nil {
+        Respond.InternalError(c, "Failed to delete article")
+        return
+    }
+
+    AuditLogger.LogDelete(c, "Article", articleID, "Article deleted: "+title)
+    Respond.NoContent(c)
+}
+```
+
+### Example 2: Route Registration
+
+```go
+// In routes/routes.go
+
+func SetupRoutes(api *gin.RouterGroup, db *gorm.DB) {
+    // Initialize helpers
+    controllers.InitAuditLogger(db)
+    controllers.InitBatchOperations(db)
+
+    // Article routes with new utilities
+    articles := api.Group("/articles")
+    {
+        articleCtrl := &controllers.SimpleArticleController{DB: db}
+        
+        // Public routes
+        articles.GET("", articleCtrl.List)
+        articles.GET("/:id", articleCtrl.Get)
+        
+        // Protected routes
+        protected := articles.Group("")
+        protected.Use(middleware.JWTAuth(db))
+        {
+            protected.POST("", articleCtrl.Create)
+            protected.PUT("/:id", articleCtrl.Update)
+            protected.DELETE("/:id", articleCtrl.Delete)
+            
+            // Batch operations
+            protected.POST("/batch-delete", articleCtrl.BatchDelete)
+            protected.POST("/batch-publish", articleCtrl.BatchPublish)
+            
+            // Export
+            protected.GET("/export/csv", articleCtrl.ExportCSV)
+            protected.GET("/export/json", articleCtrl.ExportJSON)
+        }
+    }
+    
+    // Audit logs (admin only)
+    auditLogCtrl := controllers.NewAuditLogController(db)
+    admin := api.Group("/admin")
+    admin.Use(middleware.JWTAuth(db), middleware.RoleAuth("admin"))
+    {
+        admin.GET("/audit-logs", auditLogCtrl.GetAuditLogs)
+        admin.GET("/audit-logs/:id", auditLogCtrl.GetAuditLogByID)
+        admin.GET("/audit-logs/stats", auditLogCtrl.GetAuditStats)
+        admin.POST("/audit-logs/cleanup", auditLogCtrl.CleanupOldLogs)
+    }
+}
+```
+
+---
+
+## Benefits
+
+### Before (Old Way)
+```go
+func GetArticles(c *gin.Context) {
+    page, _ := strconv.Atoi(c.DefaultQuery("page", "1"))
+    pageSize, _ := strconv.Atoi(c.DefaultQuery("page_size", "20"))
+    
+    if page < 1 {
+        page = 1
+    }
+    if pageSize < 1 || pageSize > 100 {
+        pageSize = 20
+    }
+    
+    offset := (page - 1) * pageSize
+    
+    var articles []models.Article
+    var total int64
+    
+    query := db.Model(&models.Article{})
+    query.Count(&total)
+    query.Offset(offset).Limit(pageSize).Find(&articles)
+    
+    totalPages := int(math.Ceil(float64(total) / float64(pageSize)))
+    
+    c.JSON(200, gin.H{
+        "data": articles,
+        "page": page,
+        "page_size": pageSize,
+        "total": total,
+        "total_pages": totalPages,
+    })
+}
+```
+
+### After (New Way)
+```go
+func GetArticles(c *gin.Context) {
+    query := QueryParser.BuildQueryChain(c, db.Model(&models.Article{})).
+        WithSearch("title", "content").
+        WithSort("created_at", "desc").
+        Build()
+
+    var articles []models.Article
+    meta, _ := Paginator.Paginate(c, query, &articles)
+    Respond.SuccessWithMeta(c, articles, meta, "Success")
+}
+```
+
+### Comparison
+- **Lines of code:** 24 → 7 (70% reduction)
+- **Consistency:** Standardized across all endpoints
+- **Features:** Added search, sorting, filtering
+- **Error handling:** Built-in
+- **Maintainability:** Single source of truth
+
+---
+
+## Migration Guide
+
+### Step 1: Add Model Migration
+```go
+// In main.go AutoMigrate
+&models.AuditLog{},
+```
+
+### Step 2: Initialize in main.go
+```go
+// After database initialization
+controllers.InitAuditLogger(dbInstance)
+controllers.InitBatchOperations(dbInstance)
+```
+
+### Step 3: Update Existing Controllers
+Replace manual pagination, filtering, and response code with the new utilities.
+
+### Step 4: Add go-playground/validator Dependency
+```bash
+go get github.com/go-playground/validator/v10
+```
+
+---
+
+## Best Practices
+
+1. **Always use standardized responses** - Use `Respond.*` methods
+2. **Log important actions** - Use `AuditLogger` for CREATE, UPDATE, DELETE
+3. **Validate inputs** - Use `Validator.ValidateAndRespond`
+4. **Sanitize user input** - Use `Validator.Sanitize*` methods
+5. **Use query chains** - Use `QueryParser.BuildQueryChain` for complex queries
+6. **Paginate large lists** - Always use `Paginator` for list endpoints
+7. **Batch operations** - Use `BatchOps` for bulk actions
+8. **Export functionality** - Use `Exporter` for CSV/JSON exports
+
+---
+
+## Testing
+
+```bash
+# Test pagination
+curl "http://localhost:8080/api/v1/articles?page=1&page_size=10"
+
+# Test search
+curl "http://localhost:8080/api/v1/articles?search=football"
+
+# Test sorting
+curl "http://localhost:8080/api/v1/articles?sort=created_at:desc"
+
+# Test combined
+curl "http://localhost:8080/api/v1/articles?search=football&sort=created_at:desc&published=true&page=1"
+
+# Test batch delete
+curl -X POST "http://localhost:8080/api/v1/articles/batch-delete" \
+  -H "Authorization: Bearer YOUR_TOKEN" \
+  -H "Content-Type: application/json" \
+  -d '{"ids": [1, 2, 3]}'
+
+# Test audit logs
+curl "http://localhost:8080/api/v1/admin/audit-logs?action=CREATE&entity_type=Article"
+```
+
+---
+
+## Conclusion
+
+These utility controllers dramatically reduce boilerplate code, improve consistency, and make your codebase more maintainable. They follow Go best practices and provide a solid foundation for rapid development.
+
+**Key Improvements:**
+- 70% less code for common operations
+- Consistent API responses
+- Built-in validation and sanitization
+- Comprehensive audit logging
+- Efficient batch operations
+- Easy data export
+- Better error handling
+- Improved developer experience

QUICK_REFERENCE.md

@@ -0,0 +1,327 @@
+# Utility Controllers - Quick Reference Card
+
+## 🚀 Quick Setup
+
+```bash
+# 1. Install dependency
+go get github.com/go-playground/validator/v10
+
+# 2. Add to main.go AutoMigrate
+&models.AuditLog{},
+
+# 3. Initialize after database init
+controllers.InitAuditLogger(dbInstance)
+controllers.InitBatchOperations(dbInstance)
+```
+
+## 📦 Global Variables
+
+```go
+controllers.Respond       // Response helper
+controllers.Paginator     // Pagination helper
+controllers.QueryParser   // Query/filter helper
+controllers.Validator     // Validation helper
+controllers.AuditLogger   // Audit logging
+controllers.BatchOps      // Batch operations
+controllers.Exporter      // Export CSV/JSON
+```
+
+## 💡 Common Patterns
+
+### Standard List Endpoint
+
+```go
+func (ctrl *Controller) List(c *gin.Context) {
+    query := controllers.QueryParser.BuildQueryChain(c, db.Model(&Model{})).
+        WithSearch("field1", "field2").
+        WithSort("created_at", "desc").
+        WithBoolFilter("published", "published").
+        Build()
+
+    var items []Model
+    meta, _ := controllers.Paginator.Paginate(c, query, &items)
+    controllers.Respond.SuccessWithMeta(c, items, meta, "Success")
+}
+```
+
+### Standard Get Endpoint
+
+```go
+func (ctrl *Controller) Get(c *gin.Context) {
+    id := c.Param("id")
+    var item Model
+    if err := db.First(&item, id).Error; err != nil {
+        if err == gorm.ErrRecordNotFound {
+            controllers.Respond.NotFound(c, "Not found")
+            return
+        }
+        controllers.Respond.InternalError(c, "Database error")
+        return
+    }
+    controllers.Respond.Success(c, item, "Success")
+}
+```
+
+### Standard Create Endpoint
+
+```go
+func (ctrl *Controller) Create(c *gin.Context) {
+    type Request struct {
+        Field string `json:"field" validate:"required,min=3"`
+    }
+    var req Request
+    if err := c.ShouldBindJSON(&req); err != nil {
+        controllers.Respond.BadRequest(c, "Invalid JSON")
+        return
+    }
+    if !controllers.Validator.ValidateAndRespond(c, req) {
+        return
+    }
+    
+    item := Model{Field: controllers.Validator.SanitizeString(req.Field)}
+    if err := db.Create(&item).Error; err != nil {
+        controllers.Respond.InternalError(c, "Failed to create")
+        return
+    }
+    
+    controllers.AuditLogger.LogCreate(c, "Model", item.ID, "Created")
+    controllers.Respond.Created(c, item, "Created successfully")
+}
+```
+
+### Standard Update Endpoint
+
+```go
+func (ctrl *Controller) Update(c *gin.Context) {
+    id := c.Param("id")
+    var item Model
+    if err := db.First(&item, id).Error; err != nil {
+        if err == gorm.ErrRecordNotFound {
+            controllers.Respond.NotFound(c, "Not found")
+            return
+        }
+        controllers.Respond.InternalError(c, "Database error")
+        return
+    }
+    
+    oldValue := item.Field
+    
+    type Request struct {
+        Field string `json:"field" validate:"omitempty,min=3"`
+    }
+    var req Request
+    if err := c.ShouldBindJSON(&req); err != nil {
+        controllers.Respond.BadRequest(c, "Invalid JSON")
+        return
+    }
+    if !controllers.Validator.ValidateAndRespond(c, req) {
+        return
+    }
+    
+    if req.Field != "" {
+        item.Field = controllers.Validator.SanitizeString(req.Field)
+    }
+    
+    if err := db.Save(&item).Error; err != nil {
+        controllers.Respond.InternalError(c, "Failed to update")
+        return
+    }
+    
+    controllers.AuditLogger.LogUpdate(c, "Model", item.ID, "Updated",
+        map[string]interface{}{"field": oldValue},
+        map[string]interface{}{"field": item.Field})
+    
+    controllers.Respond.Success(c, item, "Updated successfully")
+}
+```
+
+### Standard Delete Endpoint
+
+```go
+func (ctrl *Controller) Delete(c *gin.Context) {
+    id := c.Param("id")
+    var item Model
+    if err := db.First(&item, id).Error; err != nil {
+        if err == gorm.ErrRecordNotFound {
+            controllers.Respond.NotFound(c, "Not found")
+            return
+        }
+        controllers.Respond.InternalError(c, "Database error")
+        return
+    }
+    
+    itemID := item.ID
+    description := item.Name
+    
+    if err := db.Delete(&item).Error; err != nil {
+        controllers.Respond.InternalError(c, "Failed to delete")
+        return
+    }
+    
+    controllers.AuditLogger.LogDelete(c, "Model", itemID, "Deleted: "+description)
+    controllers.Respond.NoContent(c)
+}
+```
+
+## 🔍 Query Parameters Reference
+
+```
+GET /api/v1/items?
+  search=term              # Search across fields
+  &q=term                  # Alternative search param
+  &sort=field:desc         # Sort by field (asc/desc)
+  &published=true          # Boolean filter
+  &category_ids=1,2,3      # Multiple IDs filter
+  &from=2024-01-01         # Date range start
+  &to=2024-12-31           # Date range end
+  &page=1                  # Page number
+  &page_size=20            # Items per page
+```
+
+## 📝 Validation Tags
+
+```go
+type Request struct {
+    Field1 string `validate:"required"`              // Required
+    Field2 string `validate:"required,min=3,max=50"` // Length constraints
+    Email  string `validate:"required,email"`        // Email validation
+    URL    string `validate:"omitempty,url"`         // URL validation
+    Slug   string `validate:"omitempty,slug"`        // Slug validation
+    Color  string `validate:"omitempty,color"`       // Hex color validation
+    Status string `validate:"oneof=draft published"` // Enum validation
+    Age    int    `validate:"gte=0,lte=120"`         // Number range
+}
+```
+
+## 🎯 Response Methods
+
+```go
+// Success responses
+Respond.Success(c, data, "Success")
+Respond.SuccessWithMeta(c, data, meta, "Success")
+Respond.Created(c, data, "Created")
+Respond.NoContent(c)
+
+// Error responses
+Respond.BadRequest(c, "Invalid input")
+Respond.Unauthorized(c, "Not authenticated")
+Respond.Forbidden(c, "No permission")
+Respond.NotFound(c, "Not found")
+Respond.Conflict(c, "Already exists")
+Respond.InternalError(c, "Server error")
+Respond.ValidationError(c, errors)
+```
+
+## 🔄 Batch Operations
+
+```go
+// Batch delete
+BatchOps.BatchDelete(c, &Model{}, "table_name")
+
+// Batch update
+allowedFields := []string{"published", "featured"}
+BatchOps.BatchUpdate(c, &Model{}, "table_name", allowedFields)
+
+// Batch publish/unpublish
+BatchOps.BatchPublish(c, &Model{}, "table_name", true)
+
+// Batch reorder
+BatchOps.BatchReorder(c, &Model{}, "table_name")
+```
+
+## 📊 Export Data
+
+```go
+// Export to CSV
+headers := []string{"ID", "Name", "Created"}
+Exporter.ExportToCSV(c, items, "export.csv", headers)
+
+// Export to JSON
+Exporter.ExportToJSON(c, items, "export.json")
+```
+
+## 🔐 Audit Logging
+
+```go
+// Log actions
+AuditLogger.LogCreate(c, "EntityType", entityID, "Description")
+AuditLogger.LogUpdate(c, "EntityType", entityID, "Description", before, after)
+AuditLogger.LogDelete(c, "EntityType", entityID, "Description")
+AuditLogger.LogLogin(c, userID, success)
+AuditLogger.LogLogout(c, userID)
+
+// Custom log
+AuditLogger.LogEntry(c, "CUSTOM_ACTION", "EntityType", &entityID, "Description", changes)
+```
+
+## 🧹 Sanitization
+
+```go
+// Sanitize string (trim, normalize spaces)
+clean := Validator.SanitizeString(input)
+
+// Sanitize email (lowercase, trim)
+email := Validator.SanitizeEmail(input)
+
+// Sanitize slug (lowercase, hyphens, alphanumeric)
+slug := Validator.SanitizeSlug(input)
+```
+
+## 🧪 Individual Validation
+
+```go
+// Check validity
+isValid := Validator.IsValidEmail(email)
+isValid := Validator.IsValidURL(url)
+isValid := Validator.IsValidSlug(slug)
+
+// Get validation errors
+errors := Validator.Validate(struct)
+```
+
+## 📁 Files Created
+
+```
+internal/controllers/
+  ├── response_helper.go              (Standardized responses)
+  ├── pagination_helper.go            (Auto pagination)
+  ├── query_helper.go                 (Filtering & sorting)
+  ├── validation_helper.go            (Input validation)
+  ├── audit_log_controller.go         (Audit trail)
+  ├── batch_operations_controller.go  (Bulk operations)
+  ├── export_helper.go                (CSV/JSON export)
+  ├── example_usage_controller.go     (Usage examples)
+  └── poll_controller_refactored.go   (Real refactoring)
+
+internal/models/
+  └── audit_log.go                    (Audit log model)
+
+DOCS/
+  └── NEW_UTILITY_CONTROLLERS_GUIDE.md (Complete guide)
+
+Root:
+  ├── UTILITY_CONTROLLERS_README.md   (Summary)
+  └── QUICK_REFERENCE.md             (This file)
+```
+
+## 🎓 Learning Path
+
+1. **Start here:** `UTILITY_CONTROLLERS_README.md`
+2. **Deep dive:** `DOCS/NEW_UTILITY_CONTROLLERS_GUIDE.md`
+3. **See examples:** `example_usage_controller.go`
+4. **Real refactor:** `poll_controller_refactored.go`
+5. **Quick lookup:** `QUICK_REFERENCE.md` (this file)
+
+## 💪 Benefits
+
+- ✅ **70% less code** for common operations
+- ✅ **Consistent** API responses everywhere
+- ✅ **Built-in** pagination, search, filtering
+- ✅ **Automatic** validation and sanitization
+- ✅ **Complete** audit trail for compliance
+- ✅ **Efficient** batch operations
+- ✅ **Easy** data export to CSV/JSON
+
+---
+
+**Bookmark this file for quick reference while coding!** 📌

UTILITY_CONTROLLERS_README.md

@@ -0,0 +1,330 @@
+# New Utility Controllers - Summary
+
+## Overview
+
+I've added **7 powerful utility controllers** that dramatically simplify development and reduce boilerplate code by up to **70%**.
+
+## What's New
+
+### ✅ 1. Response Helper (`response_helper.go`)
+- **Purpose:** Standardized API responses
+- **Global Variable:** `Respond`
+- **Benefits:** Consistent format, easy error handling, metadata support
+
+```go
+Respond.Success(c, data, "Success message")
+Respond.Created(c, newItem, "Item created")
+Respond.NotFound(c, "Item not found")
+```
+
+### ✅ 2. Pagination Helper (`pagination_helper.go`)
+- **Purpose:** One-line pagination for any query
+- **Global Variable:** `Paginator`
+- **Benefits:** Auto-extracts params, calculates metadata, supports preloading
+
+```go
+meta, err := Paginator.Paginate(c, query, &items)
+Respond.SuccessWithMeta(c, items, meta, "Success")
+```
+
+### ✅ 3. Query Helper (`query_helper.go`)
+- **Purpose:** Simplified filtering, sorting, and searching
+- **Global Variable:** `QueryParser`
+- **Benefits:** Fluent API, multiple filter types, chain builder
+
+```go
+query := QueryParser.BuildQueryChain(c, db).
+    WithSearch("title", "content").
+    WithSort("created_at", "desc").
+    WithBoolFilter("published", "published").
+    Build()
+```
+
+### ✅ 4. Validation Helper (`validation_helper.go`)
+- **Purpose:** Struct validation with custom validators
+- **Global Variable:** `Validator`
+- **Benefits:** Auto-respond on errors, sanitization, custom validators
+
+```go
+if !Validator.ValidateAndRespond(c, req) {
+    return // Response already sent
+}
+title := Validator.SanitizeString(req.Title)
+```
+
+### ✅ 5. Audit Log Controller (`audit_log_controller.go`)
+- **Purpose:** Track all important actions
+- **Global Variable:** `AuditLogger`
+- **Model:** `models.AuditLog`
+- **Benefits:** Automatic user/IP tracking, before/after changes, searchable logs
+
+```go
+AuditLogger.LogCreate(c, "Article", article.ID, "Article created")
+AuditLogger.LogUpdate(c, "Article", id, "Updated", before, after)
+AuditLogger.LogDelete(c, "Article", id, "Deleted")
+```
+
+### ✅ 6. Batch Operations Controller (`batch_operations_controller.go`)
+- **Purpose:** Bulk operations on multiple records
+- **Global Variable:** `BatchOps`
+- **Benefits:** Delete, update, publish, reorder multiple items at once
+
+```go
+BatchOps.BatchDelete(c, &models.Article{}, "articles")
+BatchOps.BatchPublish(c, &models.Article{}, "articles", true)
+```
+
+### ✅ 7. Export Helper (`export_helper.go`)
+- **Purpose:** Export data to CSV/JSON
+- **Global Variable:** `Exporter`
+- **Benefits:** Automatic file download, proper headers
+
+```go
+Exporter.ExportToCSV(c, articles, "articles.csv", headers)
+Exporter.ExportToJSON(c, articles, "articles.json")
+```
+
+## Setup Instructions
+
+### Step 1: Install Dependency
+
+```bash
+go get github.com/go-playground/validator/v10
+```
+
+### Step 2: Add Model to Migration
+
+In `main.go`, add to `AutoMigrate`:
+
+```go
+&models.AuditLog{},
+```
+
+### Step 3: Initialize Global Helpers
+
+Add after database initialization in `main.go`:
+
+```go
+// Initialize utility controllers
+controllers.InitAuditLogger(dbInstance)
+controllers.InitBatchOperations(dbInstance)
+```
+
+### Step 4: Use in Controllers
+
+The global variables are ready to use:
+- `controllers.Respond`
+- `controllers.Paginator`
+- `controllers.QueryParser`
+- `controllers.Validator`
+- `controllers.AuditLogger`
+- `controllers.BatchOps`
+- `controllers.Exporter`
+
+## Example: Before vs After
+
+### Before (Old Way) - 45 lines
+
+```go
+func GetArticles(c *gin.Context) {
+    // Parse pagination
+    page, _ := strconv.Atoi(c.DefaultQuery("page", "1"))
+    pageSize, _ := strconv.Atoi(c.DefaultQuery("page_size", "20"))
+    if page < 1 {
+        page = 1
+    }
+    if pageSize < 1 || pageSize > 100 {
+        pageSize = 20
+    }
+    offset := (page - 1) * pageSize
+    
+    // Build query
+    query := db.Model(&models.Article{})
+    
+    // Search
+    if search := c.Query("search"); search != "" {
+        pattern := "%" + search + "%"
+        query = query.Where("title LIKE ? OR content LIKE ?", pattern, pattern)
+    }
+    
+    // Filter
+    if published := c.Query("published"); published != "" {
+        query = query.Where("published = ?", published == "true")
+    }
+    
+    // Sort
+    if sort := c.Query("sort"); sort != "" {
+        query = query.Order(sort)
+    } else {
+        query = query.Order("created_at DESC")
+    }
+    
+    // Count total
+    var total int64
+    query.Count(&total)
+    
+    // Execute
+    var articles []models.Article
+    if err := query.Offset(offset).Limit(pageSize).Find(&articles).Error; err != nil {
+        c.JSON(500, gin.H{"error": "Database error"})
+        return
+    }
+    
+    // Response
+    c.JSON(200, gin.H{
+        "data": articles,
+        "page": page,
+        "total": total,
+    })
+}
+```
+
+### After (New Way) - 11 lines
+
+```go
+func GetArticles(c *gin.Context) {
+    query := controllers.QueryParser.BuildQueryChain(c, db.Model(&models.Article{})).
+        WithSearch("title", "content").
+        WithSort("created_at", "desc").
+        WithBoolFilter("published", "published").
+        Build()
+
+    var articles []models.Article
+    meta, _ := controllers.Paginator.Paginate(c, query, &articles)
+    controllers.Respond.SuccessWithMeta(c, articles, meta, "Success")
+}
+```
+
+**Result:** 75% less code, more features, better consistency!
+
+## Real-World Example
+
+See `poll_controller_refactored.go` for a complete CRUD controller using all utilities:
+- ✅ Pagination with filtering
+- ✅ Search and sort
+- ✅ Input validation
+- ✅ Sanitization
+- ✅ Audit logging
+- ✅ Batch operations
+- ✅ Standardized responses
+
+## API Examples
+
+### List with Filters
+```bash
+GET /api/v1/articles?search=football&published=true&sort=created_at:desc&page=1&page_size=20
+```
+
+### Batch Delete
+```bash
+POST /api/v1/articles/batch-delete
+Content-Type: application/json
+
+{"ids": [1, 2, 3, 4, 5]}
+```
+
+### Batch Publish
+```bash
+POST /api/v1/articles/batch-publish
+Content-Type: application/json
+
+{"ids": [1, 2, 3]}
+```
+
+### Export to CSV
+```bash
+GET /api/v1/articles/export/csv
+```
+
+### Audit Logs
+```bash
+GET /api/v1/admin/audit-logs?action=CREATE&entity_type=Article&from=2024-01-01
+```
+
+## Files Created
+
+1. ✅ `internal/controllers/response_helper.go`
+2. ✅ `internal/controllers/pagination_helper.go`
+3. ✅ `internal/controllers/query_helper.go`
+4. ✅ `internal/controllers/validation_helper.go`
+5. ✅ `internal/controllers/audit_log_controller.go`
+6. ✅ `internal/controllers/batch_operations_controller.go`
+7. ✅ `internal/controllers/export_helper.go`
+8. ✅ `internal/controllers/example_usage_controller.go`
+9. ✅ `internal/controllers/poll_controller_refactored.go`
+10. ✅ `internal/models/audit_log.go`
+11. ✅ `DOCS/NEW_UTILITY_CONTROLLERS_GUIDE.md` (Complete documentation)
+
+## Benefits Summary
+
+| Feature | Before | After | Improvement |
+|---------|--------|-------|-------------|
+| **Code Lines** | 45 | 11 | 75% reduction |
+| **Response Format** | Inconsistent | Standardized | ✅ |
+| **Pagination** | Manual | Automatic | ✅ |
+| **Filtering** | Manual | Built-in | ✅ |
+| **Searching** | Manual | Built-in | ✅ |
+| **Sorting** | Manual | Built-in | ✅ |
+| **Validation** | Manual | Automatic | ✅ |
+| **Audit Logging** | None | Automatic | ✅ |
+| **Batch Operations** | None | Built-in | ✅ |
+| **Export** | None | Built-in | ✅ |
+
+## Key Improvements
+
+### 🚀 Productivity
+- Write **70% less code** for common operations
+- **Faster development** with ready-to-use utilities
+- **Reduced bugs** through standardization
+
+### 🎯 Consistency
+- **Uniform API responses** across all endpoints
+- **Standard error handling** patterns
+- **Consistent validation** messages
+
+### 🔧 Maintainability
+- **Single source of truth** for common operations
+- **Easy to update** - change once, apply everywhere
+- **Better testing** - test utilities once
+
+### 📊 Features
+- **Advanced filtering** out of the box
+- **Full-text search** across multiple fields
+- **Audit trail** for compliance
+- **Bulk operations** for efficiency
+- **Data export** for reporting
+
+### 🛡️ Security
+- **Input validation** and sanitization
+- **Audit logging** for accountability
+- **Safe batch operations** with transaction support
+
+## Next Steps
+
+1. **Review documentation:** `DOCS/NEW_UTILITY_CONTROLLERS_GUIDE.md`
+2. **Install dependency:** `go get github.com/go-playground/validator/v10`
+3. **Add migration:** Add `&models.AuditLog{}` to AutoMigrate
+4. **Initialize helpers:** Add init calls to `main.go`
+5. **Refactor controllers:** Start using utilities in existing controllers
+6. **Test endpoints:** Try the example API calls
+
+## Support
+
+For detailed usage examples, see:
+- 📖 `DOCS/NEW_UTILITY_CONTROLLERS_GUIDE.md` - Complete guide
+- 💡 `internal/controllers/example_usage_controller.go` - Usage examples
+- 🔄 `internal/controllers/poll_controller_refactored.go` - Real refactoring example
+
+## Questions?
+
+Each utility controller is well-documented with:
+- Purpose and benefits
+- Usage examples
+- Best practices
+- Common patterns
+
+Start with the guide in `DOCS/` and refer to example files for practical implementations.
+
+---
+
+**Your job is now easier, simpler, and better!** 🎉

cache/prefetch/articles.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:34:56Z","last_modified":""}

cache/prefetch/competition_aliases.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:34:56Z","last_modified":""}

cache/prefetch/events_upcoming.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:34:56Z","last_modified":""}

cache/prefetch/facr_club_info.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:35:00Z","last_modified":""}

cache/prefetch/facr_tables.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:35:00Z","last_modified":""}

cache/prefetch/meta.json

@@ -1 +1 @@
-{"lastUpdated":"2025-10-19T15:29:54Z"}
+{"lastUpdated":"2025-10-19T15:35:00Z"}

cache/prefetch/prefetch_status.json

@@ -1,12 +1,7 @@
 {
   "baseURL": "http://127.0.0.1:8080/api/v1",
-  "duration_ms": 41,
+  "duration_ms": 3857,
   "endpoints": [
-    {
-      "path": "/articles?page=1\u0026page_size=10\u0026published=true",
-      "file": "articles.json",
-      "ok": true
-    },
     {
       "path": "/sponsors",
       "file": "sponsors.json",
@@ -33,15 +28,20 @@
       "ok": true
     },
     {
-      "path": "/facr/club/football/7eacd9f0-bfa0-4928-a9b6-936140168f58",
-      "file": "facr_club_info.json",
+      "path": "/articles?page=1\u0026page_size=10\u0026published=true",
+      "file": "articles.json",
       "ok": true
     },
     {
       "path": "/facr/club/football/7eacd9f0-bfa0-4928-a9b6-936140168f58/table",
       "file": "facr_tables.json",
       "ok": true
+    },
+    {
+      "path": "/facr/club/football/7eacd9f0-bfa0-4928-a9b6-936140168f58",
+      "file": "facr_club_info.json",
+      "ok": true
     }
   ],
-  "lastUpdated": "2025-10-19T15:29:54Z"
+  "lastUpdated": "2025-10-19T15:35:00Z"
 }

cache/prefetch/settings.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:34:56Z","last_modified":""}

cache/prefetch/sponsors.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:34:56Z","last_modified":""}

cache/prefetch/team_logo_overrides.json.hdr

@@ -1 +1 @@
-{"etag":"","fetched_at":"2025-10-19T15:29:54Z","last_modified":""}
+{"etag":"","fetched_at":"2025-10-19T15:34:56Z","last_modified":""}

frontend/FRONTEND_UTILITIES_GUIDE.md

@@ -0,0 +1,711 @@
+# Frontend Utility Hooks & Components Guide
+
+Complete TypeScript/TSX utilities that mirror the backend helpers and make frontend development much easier.
+
+## Table of Contents
+
+1. [Hooks](#hooks)
+   - [usePaginatedData](#usepaginateddata)
+   - [useApiMutation](#useapimutation)
+   - [useFormValidation](#useformvalidation)
+   - [useQueryBuilder](#usequerybuilder)
+   - [useToast](#usetoast)
+   - [useBatchSelection](#usebatchselection)
+2. [Components](#components)
+   - [DataTable](#datatable)
+   - [ToastContainer](#toastcontainer)
+3. [Utilities](#utilities)
+   - [Export Functions](#export-functions)
+4. [Complete Example](#complete-example)
+
+---
+
+## Hooks
+
+### usePaginatedData
+
+**Purpose:** Fetch paginated data with search, sort, and filters in one line.
+
+**Features:**
+- Automatic pagination management
+- Search functionality
+- Sorting
+- Filtering
+- Loading and error states
+- Works seamlessly with backend QueryParser
+
+```tsx
+import { usePaginatedData } from '../hooks/usePaginatedData';
+
+interface Article {
+  id: number;
+  title: string;
+  published: boolean;
+}
+
+function ArticleList() {
+  const {
+    data: articles,
+    meta,
+    loading,
+    error,
+    setPage,
+    setSearch,
+    setSort,
+    setFilters,
+    refresh,
+  } = usePaginatedData<Article>('/articles', {
+    page_size: 20,
+  });
+
+  return (
+    <div>
+      <input 
+        type="text" 
+        onChange={(e) => setSearch(e.target.value)} 
+        placeholder="Search..." 
+      />
+      
+      <select onChange={(e) => setFilters({ published: e.target.value })}>
+        <option value="">All</option>
+        <option value="true">Published</option>
+        <option value="false">Draft</option>
+      </select>
+
+      {loading && <p>Loading...</p>}
+      {error && <p>Error: {error}</p>}
+      
+      <ul>
+        {articles.map(article => (
+          <li key={article.id}>{article.title}</li>
+        ))}
+      </ul>
+
+      {meta && (
+        <button 
+          onClick={() => setPage(meta.page + 1)} 
+          disabled={!meta.has_next}
+        >
+          Next Page
+        </button>
+      )}
+    </div>
+  );
+}
+```
+
+### useApiMutation
+
+**Purpose:** Handle POST, PUT, PATCH, DELETE requests with loading states.
+
+**Features:**
+- Automatic loading states
+- Error handling
+- Success tracking
+- TypeScript support
+
+```tsx
+import { useApiPost, useApiDelete } from '../hooks/useApiMutation';
+
+function ArticleForm() {
+  // Create article
+  const { mutate: createArticle, loading, error, success } = useApiPost<Article>('/articles');
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    const article = await createArticle({
+      title: 'New Article',
+      content: 'Content here...',
+    });
+    
+    if (article) {
+      console.log('Created:', article);
+    }
+  };
+
+  // Delete article
+  const deleteArticle = useApiDelete((data: { id: number }) => `/articles/${data.id}`);
+
+  const handleDelete = async (id: number) => {
+    await deleteArticle.mutate({ id });
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <button type="submit" disabled={loading}>
+        {loading ? 'Creating...' : 'Create Article'}
+      </button>
+      {error && <p className="error">{error}</p>}
+      {success && <p className="success">Article created!</p>}
+    </form>
+  );
+}
+```
+
+### useFormValidation
+
+**Purpose:** Form validation with built-in rules and error messages.
+
+**Features:**
+- Required, min/max length, pattern, email, URL validators
+- Custom validators
+- Automatic error messages
+- Touch tracking
+- Easy integration with forms
+
+```tsx
+import { useFormValidation } from '../hooks/useFormValidation';
+
+interface ArticleForm {
+  title: string;
+  content: string;
+  email: string;
+  url: string;
+}
+
+function CreateArticleForm() {
+  const {
+    values,
+    errors,
+    touched,
+    handleChange,
+    handleBlur,
+    handleSubmit,
+  } = useFormValidation<ArticleForm>(
+    {
+      title: '',
+      content: '',
+      email: '',
+      url: '',
+    },
+    {
+      title: { required: true, min: 3, max: 200 },
+      content: { required: true, min: 10 },
+      email: { required: true, email: true },
+      url: { url: true },
+    }
+  );
+
+  const onSubmit = async (data: ArticleForm) => {
+    console.log('Valid data:', data);
+    // Call API here
+  };
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <div>
+        <input
+          type="text"
+          name="title"
+          value={values.title}
+          onChange={handleChange}
+          onBlur={handleBlur}
+          placeholder="Title"
+        />
+        {touched.title && errors.title && (
+          <span className="error">{errors.title}</span>
+        )}
+      </div>
+
+      <div>
+        <textarea
+          name="content"
+          value={values.content}
+          onChange={handleChange}
+          onBlur={handleBlur}
+          placeholder="Content"
+        />
+        {touched.content && errors.content && (
+          <span className="error">{errors.content}</span>
+        )}
+      </div>
+
+      <button type="submit">Create Article</button>
+    </form>
+  );
+}
+```
+
+### useQueryBuilder
+
+**Purpose:** Build query strings for API calls with filters, search, and sort.
+
+**Features:**
+- Filter management
+- Search management
+- Sort management
+- Pagination
+- URL-friendly query string generation
+
+```tsx
+import { useQueryBuilder } from '../hooks/useQueryBuilder';
+
+function ArticleFilters() {
+  const query = useQueryBuilder(20);
+
+  return (
+    <div>
+      <input
+        type="text"
+        placeholder="Search..."
+        onChange={(e) => query.setSearch(e.target.value)}
+      />
+
+      <select onChange={(e) => query.setFilter('published', e.target.value)}>
+        <option value="">All</option>
+        <option value="true">Published</option>
+        <option value="false">Draft</option>
+      </select>
+
+      <button onClick={() => query.setSort('created_at', 'desc')}>
+        Sort by Date
+      </button>
+
+      <p>Query: {query.queryString}</p>
+      {/* Use in API call: `/articles?${query.queryString}` */}
+    </div>
+  );
+}
+```
+
+### useToast
+
+**Purpose:** Display toast notifications for user feedback.
+
+**Features:**
+- Success, error, warning, info types
+- Auto-dismiss
+- Manual dismiss
+- Queue management
+
+```tsx
+import { useToast } from '../hooks/useToast';
+import { ToastContainer } from '../components/common/ToastContainer';
+
+function App() {
+  const toast = useToast();
+
+  const handleSave = async () => {
+    try {
+      // Save logic
+      toast.success('Article saved successfully!');
+    } catch (error) {
+      toast.error('Failed to save article');
+    }
+  };
+
+  return (
+    <div>
+      <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+      
+      <button onClick={handleSave}>Save</button>
+      <button onClick={() => toast.info('This is info')}>Show Info</button>
+      <button onClick={() => toast.warning('Warning!')}>Show Warning</button>
+    </div>
+  );
+}
+```
+
+### useBatchSelection
+
+**Purpose:** Manage selection of multiple items in tables/lists.
+
+**Features:**
+- Select/deselect individual items
+- Select all / deselect all
+- Track selected items
+- Get selected IDs or full items
+
+```tsx
+import { useBatchSelection } from '../hooks/useBatchSelection';
+
+function ArticleTable() {
+  const articles = [
+    { id: 1, title: 'Article 1' },
+    { id: 2, title: 'Article 2' },
+    { id: 3, title: 'Article 3' },
+  ];
+
+  const selection = useBatchSelection(articles, 'id');
+
+  const handleBatchDelete = () => {
+    const ids = selection.getSelectedIds();
+    console.log('Delete articles:', ids);
+    // Call batch delete API
+  };
+
+  return (
+    <div>
+      <div>
+        <input
+          type="checkbox"
+          checked={selection.isAllSelected}
+          onChange={selection.toggleAll}
+        />
+        <label>Select All</label>
+      </div>
+
+      {articles.map((article) => (
+        <div key={article.id}>
+          <input
+            type="checkbox"
+            checked={selection.isSelected(article.id)}
+            onChange={() => selection.toggle(article.id)}
+          />
+          <span>{article.title}</span>
+        </div>
+      ))}
+
+      {selection.selectedIds.size > 0 && (
+        <button onClick={handleBatchDelete}>
+          Delete {selection.selectedIds.size} selected
+        </button>
+      )}
+    </div>
+  );
+}
+```
+
+---
+
+## Components
+
+### DataTable
+
+**Purpose:** Feature-rich data table with sorting, selection, and custom rendering.
+
+**Features:**
+- Sortable columns
+- Row selection (single or multiple)
+- Custom cell rendering
+- Actions column
+- Loading and empty states
+- Responsive design
+
+```tsx
+import { DataTable, Column } from '../components/common/DataTable';
+
+interface Article {
+  id: number;
+  title: string;
+  published: boolean;
+  created_at: string;
+}
+
+function ArticleTable() {
+  const articles: Article[] = [/* ... */];
+  const selection = useBatchSelection(articles, 'id');
+
+  const columns: Column<Article>[] = [
+    {
+      key: 'id',
+      label: 'ID',
+      sortable: true,
+      width: '80px',
+    },
+    {
+      key: 'title',
+      label: 'Title',
+      sortable: true,
+      render: (article) => (
+        <strong>{article.title}</strong>
+      ),
+    },
+    {
+      key: 'published',
+      label: 'Status',
+      render: (article) => (
+        <span className={article.published ? 'published' : 'draft'}>
+          {article.published ? 'Published' : 'Draft'}
+        </span>
+      ),
+    },
+    {
+      key: 'created_at',
+      label: 'Created',
+      sortable: true,
+      render: (article) => new Date(article.created_at).toLocaleDateString(),
+    },
+  ];
+
+  return (
+    <DataTable
+      data={articles}
+      columns={columns}
+      selectable
+      selectedIds={selection.selectedIds}
+      onToggleSelect={selection.toggle}
+      onToggleSelectAll={selection.toggleAll}
+      isAllSelected={selection.isAllSelected}
+      isSomeSelected={selection.isSomeSelected}
+      onSort={(field) => console.log('Sort by:', field)}
+      actions={(article) => (
+        <div>
+          <button onClick={() => console.log('Edit', article.id)}>Edit</button>
+          <button onClick={() => console.log('Delete', article.id)}>Delete</button>
+        </div>
+      )}
+    />
+  );
+}
+```
+
+### ToastContainer
+
+**Purpose:** Display toast notifications from useToast hook.
+
+```tsx
+import { useToast } from '../hooks/useToast';
+import { ToastContainer } from '../components/common/ToastContainer';
+
+function App() {
+  const toast = useToast();
+
+  return (
+    <div>
+      <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+      {/* Your app content */}
+    </div>
+  );
+}
+```
+
+---
+
+## Utilities
+
+### Export Functions
+
+**Purpose:** Export data to CSV/JSON files.
+
+```tsx
+import {
+  exportToCSV,
+  exportToJSON,
+  exportFromAPI,
+  getExportFilename,
+  copyToClipboard,
+} from '../utils/export';
+
+function ExportButtons() {
+  const articles = [
+    { id: 1, title: 'Article 1', published: true },
+    { id: 2, title: 'Article 2', published: false },
+  ];
+
+  // Export to CSV
+  const handleExportCSV = () => {
+    const filename = getExportFilename('articles', 'csv');
+    exportToCSV(articles, filename);
+  };
+
+  // Export to JSON
+  const handleExportJSON = () => {
+    const filename = getExportFilename('articles', 'json');
+    exportToJSON(articles, filename);
+  };
+
+  // Export from API endpoint
+  const handleExportFromAPI = async () => {
+    try {
+      await exportFromAPI('/articles/export', 'articles.csv', 'csv');
+    } catch (error) {
+      console.error('Export failed');
+    }
+  };
+
+  // Copy to clipboard
+  const handleCopy = async () => {
+    const success = await copyToClipboard(JSON.stringify(articles, null, 2));
+    if (success) {
+      alert('Copied to clipboard!');
+    }
+  };
+
+  return (
+    <div>
+      <button onClick={handleExportCSV}>Export CSV</button>
+      <button onClick={handleExportJSON}>Export JSON</button>
+      <button onClick={handleExportFromAPI}>Export from API</button>
+      <button onClick={handleCopy}>Copy to Clipboard</button>
+    </div>
+  );
+}
+```
+
+---
+
+## Complete Example
+
+See `ArticleListExample.tsx` for a complete implementation using all utilities.
+
+**Key Features Demonstrated:**
+- ✅ Paginated data fetching with search and filters
+- ✅ Batch selection
+- ✅ Toast notifications
+- ✅ Data table with sorting
+- ✅ Export to CSV
+- ✅ Delete operations
+- ✅ Loading and error states
+
+---
+
+## Benefits
+
+### Before (Without Utilities)
+
+```tsx
+// 100+ lines of boilerplate for a list page
+function ArticleList() {
+  const [articles, setArticles] = useState([]);
+  const [page, setPage] = useState(1);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [selected, setSelected] = useState([]);
+  const [search, setSearch] = useState('');
+  
+  useEffect(() => {
+    setLoading(true);
+    fetch(`/api/articles?page=${page}&search=${search}`)
+      .then(res => res.json())
+      .then(data => {
+        setArticles(data.data);
+        setLoading(false);
+      })
+      .catch(err => {
+        setError(err.message);
+        setLoading(false);
+      });
+  }, [page, search]);
+
+  // More boilerplate...
+}
+```
+
+### After (With Utilities)
+
+```tsx
+// 30 lines with full functionality
+function ArticleList() {
+  const { data, meta, loading, error, setSearch, setPage } = 
+    usePaginatedData('/articles');
+  const selection = useBatchSelection(data, 'id');
+  const toast = useToast();
+
+  return (
+    <div>
+      <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+      <DataTable
+        data={data}
+        columns={columns}
+        loading={loading}
+        selectable
+        {...selection}
+      />
+    </div>
+  );
+}
+```
+
+**Result:** 70% less code, more features, better UX!
+
+---
+
+## Files Created
+
+**Hooks:**
+1. ✅ `hooks/usePaginatedData.ts` - Paginated data fetching
+2. ✅ `hooks/useApiMutation.ts` - API mutations (POST, PUT, DELETE)
+3. ✅ `hooks/useFormValidation.ts` - Form validation
+4. ✅ `hooks/useQueryBuilder.ts` - Query string builder
+5. ✅ `hooks/useToast.ts` - Toast notifications
+6. ✅ `hooks/useBatchSelection.ts` - Batch selection
+
+**Components:**
+7. ✅ `components/common/DataTable.tsx` - Data table component
+8. ✅ `components/common/DataTable.css` - Table styles
+9. ✅ `components/common/ToastContainer.tsx` - Toast container
+10. ✅ `components/common/ToastContainer.css` - Toast styles
+
+**Utilities:**
+11. ✅ `utils/export.ts` - Export functions
+
+**Examples:**
+12. ✅ `components/examples/ArticleListExample.tsx` - Complete example
+13. ✅ `components/examples/ArticleListExample.css` - Example styles
+
+**Documentation:**
+14. ✅ `FRONTEND_UTILITIES_GUIDE.md` - This guide
+
+---
+
+## Quick Reference
+
+```tsx
+// Fetch paginated data
+const { data, meta, loading, setSearch, setPage } = 
+  usePaginatedData<T>('/endpoint');
+
+// API mutations
+const { mutate, loading, error } = useApiPost<T>('/endpoint');
+
+// Form validation
+const { values, errors, handleChange, handleSubmit } = 
+  useFormValidation(initialValues, rules);
+
+// Query builder
+const { queryString, setFilter, setSearch, setSort } = useQueryBuilder();
+
+// Toast notifications
+const toast = useToast();
+toast.success('Success!');
+toast.error('Error!');
+
+// Batch selection
+const selection = useBatchSelection(items, 'id');
+selection.toggle(id);
+selection.selectAll();
+
+// Export
+exportToCSV(data, 'export.csv');
+exportToJSON(data, 'export.json');
+```
+
+---
+
+## Integration with Backend
+
+All frontend utilities are designed to work seamlessly with the backend helpers:
+
+| Frontend | Backend | Purpose |
+|----------|---------|---------|
+| `usePaginatedData` | `Paginator` | Pagination |
+| `useQueryBuilder` | `QueryParser` | Filtering/Sorting |
+| `useFormValidation` | `Validator` | Validation |
+| `useToast` | `Respond` | User Feedback |
+| `useBatchSelection` | `BatchOps` | Batch Operations |
+| `exportToCSV` | `Exporter` | Data Export |
+
+---
+
+## Best Practices
+
+1. **Always use error boundaries** with data fetching hooks
+2. **Debounce search inputs** to avoid excessive API calls
+3. **Show loading states** for better UX
+4. **Use toast notifications** for user feedback
+5. **Implement batch operations** for efficiency
+6. **Export functionality** for reporting needs
+7. **TypeScript types** for type safety
+
+---
+
+## Next Steps
+
+1. Review the complete example: `ArticleListExample.tsx`
+2. Copy patterns for your own components
+3. Customize styles to match your design
+4. Add more custom validators as needed
+5. Extend utilities with project-specific features
+
+**Your frontend development is now easier, faster, and better!** 🚀

frontend/FRONTEND_UTILITIES_README.md

@@ -0,0 +1,468 @@
+# Frontend Utility Hooks & Components - Summary
+
+## Overview
+
+I've created **7 powerful TypeScript/React hooks** and **2 feature-rich components** that dramatically simplify frontend development and reduce boilerplate code by up to **70%**.
+
+## What's New
+
+### ✅ 1. usePaginatedData Hook
+- **Purpose:** Fetch paginated data with one line
+- **Features:** Auto pagination, search, sort, filters, loading states
+- **Benefit:** No more manual pagination logic
+
+```tsx
+const { data, meta, loading, setSearch, setPage } = usePaginatedData<Article>('/articles');
+```
+
+### ✅ 2. useApiMutation Hook
+- **Purpose:** Handle POST/PUT/DELETE with loading states
+- **Features:** Auto loading, error handling, success tracking
+- **Benefit:** No more useState for every API call
+
+```tsx
+const { mutate, loading, error } = useApiPost<Article>('/articles');
+await mutate({ title: 'New Article' });
+```
+
+### ✅ 3. useFormValidation Hook
+- **Purpose:** Form validation with built-in rules
+- **Features:** Required, min/max, email, URL, custom validators
+- **Benefit:** No more manual validation logic
+
+```tsx
+const { values, errors, handleChange, handleSubmit } = useFormValidation(
+  initialValues,
+  { title: { required: true, min: 3 } }
+);
+```
+
+### ✅ 4. useQueryBuilder Hook
+- **Purpose:** Build query strings for API calls
+- **Features:** Filters, search, sort, pagination
+- **Benefit:** Works seamlessly with backend QueryParser
+
+```tsx
+const { queryString, setFilter, setSearch } = useQueryBuilder();
+// queryString: "search=term&published=true&sort=created_at:desc&page=1"
+```
+
+### ✅ 5. useToast Hook
+- **Purpose:** Display toast notifications
+- **Features:** Success, error, warning, info, auto-dismiss
+- **Benefit:** Beautiful user feedback system
+
+```tsx
+const toast = useToast();
+toast.success('Saved successfully!');
+toast.error('Failed to save');
+```
+
+### ✅ 6. useBatchSelection Hook
+- **Purpose:** Manage multi-select in tables
+- **Features:** Select all, toggle, track selected items
+- **Benefit:** Easy batch operations
+
+```tsx
+const selection = useBatchSelection(items, 'id');
+<Checkbox checked={selection.isSelected(id)} onChange={() => selection.toggle(id)} />
+```
+
+### ✅ 7. DataTable Component
+- **Purpose:** Feature-rich data table
+- **Features:** Sortable columns, selection, custom rendering, actions
+- **Benefit:** No more manual table implementations
+
+```tsx
+<DataTable
+  data={articles}
+  columns={columns}
+  selectable
+  selectedIds={selection.selectedIds}
+  onSort={handleSort}
+/>
+```
+
+### ✅ 8. ToastContainer Component
+- **Purpose:** Display toast notifications
+- **Features:** Beautiful animations, auto-dismiss, manual close
+- **Benefit:** Professional notification system
+
+```tsx
+<ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+```
+
+### ✅ 9. Export Utilities
+- **Purpose:** Export data to CSV/JSON
+- **Features:** Array to CSV, download files, copy to clipboard
+- **Benefit:** Easy data export functionality
+
+```tsx
+exportToCSV(articles, 'export.csv');
+exportToJSON(articles, 'export.json');
+```
+
+## Example: Before vs After
+
+### Before (Old Way) - 120 lines
+
+```tsx
+function ArticleList() {
+  const [articles, setArticles] = useState([]);
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(20);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [search, setSearch] = useState('');
+  const [selectedIds, setSelectedIds] = useState([]);
+  const [toast, setToast] = useState(null);
+
+  useEffect(() => {
+    fetchArticles();
+  }, [page, pageSize, search]);
+
+  const fetchArticles = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch(
+        `/api/articles?page=${page}&page_size=${pageSize}&search=${search}`
+      );
+      const data = await response.json();
+      setArticles(data.data);
+      setTotal(data.meta.total);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleSelect = (id) => {
+    setSelectedIds(prev =>
+      prev.includes(id) ? prev.filter(x => x !== id) : [...prev, id]
+    );
+  };
+
+  const handleSelectAll = () => {
+    if (selectedIds.length === articles.length) {
+      setSelectedIds([]);
+    } else {
+      setSelectedIds(articles.map(a => a.id));
+    }
+  };
+
+  const handleDelete = async (id) => {
+    try {
+      await fetch(`/api/articles/${id}`, { method: 'DELETE' });
+      setToast({ type: 'success', message: 'Deleted!' });
+      fetchArticles();
+    } catch (err) {
+      setToast({ type: 'error', message: err.message });
+    }
+  };
+
+  // More boilerplate...
+}
+```
+
+### After (New Way) - 35 lines
+
+```tsx
+function ArticleList() {
+  const { data, meta, loading, error, setSearch, setPage, refresh } = 
+    usePaginatedData<Article>('/articles');
+  const selection = useBatchSelection(data, 'id');
+  const toast = useToast();
+  const deleteArticle = useApiDelete((d: {id: number}) => `/articles/${d.id}`);
+
+  const handleDelete = async (id: number) => {
+    const result = await deleteArticle.mutate({ id });
+    if (result) {
+      toast.success('Deleted successfully!');
+      refresh();
+    } else {
+      toast.error('Failed to delete');
+    }
+  };
+
+  return (
+    <div>
+      <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+      
+      <input onChange={(e) => setSearch(e.target.value)} placeholder="Search..." />
+      
+      <DataTable
+        data={data}
+        columns={columns}
+        loading={loading}
+        selectable
+        selectedIds={selection.selectedIds}
+        onToggleSelect={selection.toggle}
+        onToggleSelectAll={selection.toggleAll}
+        actions={(article) => (
+          <button onClick={() => handleDelete(article.id)}>Delete</button>
+        )}
+      />
+    </div>
+  );
+}
+```
+
+**Result:** 71% less code, more features, better UX!
+
+## Integration with Backend
+
+Frontend utilities are designed to work seamlessly with backend helpers:
+
+| Frontend Hook | Backend Helper | Purpose |
+|---------------|----------------|---------|
+| `usePaginatedData` | `Paginator` | Pagination & filtering |
+| `useQueryBuilder` | `QueryParser` | Query string building |
+| `useFormValidation` | `Validator` | Input validation |
+| `useToast` | `Respond` | User feedback |
+| `useBatchSelection` | `BatchOps` | Batch operations |
+| `exportToCSV` | `Exporter` | Data export |
+
+**API Response Format (matches backend):**
+```json
+{
+  "success": true,
+  "message": "Articles retrieved successfully",
+  "data": [...],
+  "meta": {
+    "page": 1,
+    "page_size": 20,
+    "total": 100,
+    "total_pages": 5,
+    "has_next": true,
+    "has_prev": false
+  }
+}
+```
+
+## Key Features
+
+### 🎯 Smart Pagination
+- Auto-extracts page/size from query params
+- Calculates pagination metadata
+- Reset to page 1 on filter changes
+- Works with backend pagination
+
+### 🔍 Advanced Search & Filters
+- Debounced search input
+- Multiple filters support
+- Date range filters
+- Boolean filters
+- Query string generation
+
+### ✅ Form Validation
+- Built-in validators (required, min, max, email, URL)
+- Custom validators
+- Real-time error messages
+- Touch tracking
+- Easy form submission
+
+### 🎨 Beautiful UI Components
+- Sortable data tables
+- Row selection (single/multiple)
+- Custom cell rendering
+- Loading states
+- Empty states
+- Responsive design
+
+### 🔔 Toast Notifications
+- Success, error, warning, info
+- Auto-dismiss with custom duration
+- Manual dismiss
+- Queue management
+- Beautiful animations
+
+### 📦 Batch Operations
+- Select all / deselect all
+- Track selected items
+- Get selected IDs or items
+- Perfect for bulk actions
+
+### 📊 Export Functionality
+- Export to CSV
+- Export to JSON
+- Copy to clipboard
+- Filename generation with timestamps
+
+## Files Created
+
+**Hooks:** (in `src/hooks/`)
+1. ✅ `usePaginatedData.ts` - 150 lines
+2. ✅ `useApiMutation.ts` - 90 lines
+3. ✅ `useFormValidation.ts` - 250 lines
+4. ✅ `useQueryBuilder.ts` - 140 lines
+5. ✅ `useToast.ts` - 80 lines
+6. ✅ `useBatchSelection.ts` - 140 lines
+
+**Components:** (in `src/components/common/`)
+7. ✅ `DataTable.tsx` - 200 lines
+8. ✅ `DataTable.css` - 150 lines
+9. ✅ `ToastContainer.tsx` - 60 lines
+10. ✅ `ToastContainer.css` - 120 lines
+
+**Utilities:** (in `src/utils/`)
+11. ✅ `export.ts` - 100 lines
+
+**Examples:** (in `src/components/examples/`)
+12. ✅ `ArticleListExample.tsx` - 250 lines (complete example)
+13. ✅ `ArticleListExample.css` - 180 lines
+
+**Documentation:**
+14. ✅ `FRONTEND_UTILITIES_GUIDE.md` - Complete guide
+15. ✅ `FRONTEND_UTILITIES_README.md` - This file
+
+## Usage Examples
+
+### Simple List with Pagination
+
+```tsx
+const { data, meta, loading, setPage } = usePaginatedData<Article>('/articles');
+
+return (
+  <div>
+    {loading && <Spinner />}
+    {data.map(item => <div key={item.id}>{item.title}</div>)}
+    <button onClick={() => setPage(meta.page + 1)}>Next</button>
+  </div>
+);
+```
+
+### List with Search and Filters
+
+```tsx
+const { data, loading, setSearch, setFilters } = usePaginatedData<Article>('/articles');
+
+return (
+  <div>
+    <input onChange={(e) => setSearch(e.target.value)} />
+    <select onChange={(e) => setFilters({ published: e.target.value })}>
+      <option value="">All</option>
+      <option value="true">Published</option>
+    </select>
+    {/* Display data */}
+  </div>
+);
+```
+
+### Form with Validation
+
+```tsx
+const { values, errors, handleChange, handleSubmit } = useFormValidation(
+  { title: '', email: '' },
+  {
+    title: { required: true, min: 3, max: 100 },
+    email: { required: true, email: true }
+  }
+);
+
+return (
+  <form onSubmit={handleSubmit(onSubmit)}>
+    <input name="title" value={values.title} onChange={handleChange} />
+    {errors.title && <span>{errors.title}</span>}
+    <button type="submit">Submit</button>
+  </form>
+);
+```
+
+### Table with Selection
+
+```tsx
+const selection = useBatchSelection(articles, 'id');
+
+return (
+  <DataTable
+    data={articles}
+    columns={columns}
+    selectable
+    selectedIds={selection.selectedIds}
+    onToggleSelect={selection.toggle}
+    onToggleSelectAll={selection.toggleAll}
+  />
+);
+```
+
+## Benefits Summary
+
+| Feature | Before | After | Impact |
+|---------|--------|-------|--------|
+| **Code Lines** | 120+ | 35 | **71% reduction** |
+| **Pagination** | Manual | Auto | **Built-in** |
+| **Search/Filter** | Manual | One-line | **Built-in** |
+| **Validation** | Manual | Declarative | **Built-in** |
+| **Loading States** | useState each time | Auto | **Built-in** |
+| **Error Handling** | Manual try/catch | Auto | **Built-in** |
+| **Notifications** | Custom implementation | useToast | **Built-in** |
+| **Batch Select** | Manual state | useBatchSelection | **Built-in** |
+| **Export** | Custom implementation | One-line | **Built-in** |
+
+## TypeScript Support
+
+All hooks and components are fully typed:
+
+```tsx
+// Type-safe data fetching
+const { data } = usePaginatedData<Article>('/articles');
+// data is Article[]
+
+// Type-safe mutations
+const { mutate } = useApiPost<Article, CreateArticleRequest>('/articles');
+// mutate expects CreateArticleRequest, returns Article
+
+// Type-safe forms
+interface FormData {
+  title: string;
+  email: string;
+}
+const form = useFormValidation<FormData>(initialValues, rules);
+// form.values is FormData
+```
+
+## Next Steps
+
+1. **Review the complete guide:** `FRONTEND_UTILITIES_GUIDE.md`
+2. **Check the example:** `components/examples/ArticleListExample.tsx`
+3. **Start using hooks** in your existing components
+4. **Replace manual pagination** with `usePaginatedData`
+5. **Add toast notifications** with `useToast`
+6. **Implement batch operations** with `useBatchSelection`
+
+## Quick Start
+
+```tsx
+import { usePaginatedData } from './hooks/usePaginatedData';
+import { useToast } from './hooks/useToast';
+import { useBatchSelection } from './hooks/useBatchSelection';
+import { DataTable } from './components/common/DataTable';
+import { ToastContainer } from './components/common/ToastContainer';
+
+function MyComponent() {
+  const { data, meta, loading, setSearch } = usePaginatedData('/endpoint');
+  const selection = useBatchSelection(data, 'id');
+  const toast = useToast();
+
+  return (
+    <div>
+      <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+      <input onChange={(e) => setSearch(e.target.value)} />
+      <DataTable
+        data={data}
+        columns={columns}
+        loading={loading}
+        selectable
+        {...selection}
+      />
+    </div>
+  );
+}
+```
+
+---
+
+**Your frontend development is now 70% faster with better UX!** 🎉

frontend/src/components/common/DataTable.css

@@ -0,0 +1,177 @@
+.data-table-container {
+  width: 100%;
+  overflow-x: auto;
+  position: relative;
+}
+
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  background: white;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.data-table thead {
+  background: #f9fafb;
+  border-bottom: 2px solid #e5e7eb;
+}
+
+.data-table th {
+  padding: 12px 16px;
+  text-align: left;
+  font-weight: 600;
+  font-size: 14px;
+  color: #374151;
+  white-space: nowrap;
+}
+
+.data-table-sortable {
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.2s;
+}
+
+.data-table-sortable:hover {
+  background: #f3f4f6;
+}
+
+.data-table-header-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.data-table-sort-icon {
+  color: #9ca3af;
+  font-size: 12px;
+}
+
+.data-table td {
+  padding: 12px 16px;
+  border-bottom: 1px solid #e5e7eb;
+  font-size: 14px;
+  color: #1f2937;
+}
+
+.data-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+/* Striped rows */
+.data-table-striped tbody tr:nth-child(even) {
+  background: #f9fafb;
+}
+
+/* Hoverable rows */
+.data-table-hoverable tbody tr {
+  transition: background-color 0.15s;
+}
+
+.data-table-hoverable tbody tr:hover {
+  background: #f3f4f6;
+}
+
+/* Clickable rows */
+.data-table-row-clickable {
+  cursor: pointer;
+}
+
+/* Selected rows */
+.data-table-row-selected {
+  background: #dbeafe !important;
+}
+
+/* Alignment */
+.data-table-align-left {
+  text-align: left;
+}
+
+.data-table-align-center {
+  text-align: center;
+}
+
+.data-table-align-right {
+  text-align: right;
+}
+
+/* Select column */
+.data-table-select-col {
+  width: 40px;
+  text-align: center;
+}
+
+.data-table-select-col input[type="checkbox"] {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+
+/* Actions column */
+.data-table-actions-col {
+  width: 120px;
+  text-align: right;
+}
+
+/* Loading state */
+.data-table-loading-overlay {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.spinner {
+  width: 40px;
+  height: 40px;
+  border: 4px solid #e5e7eb;
+  border-top-color: #3b82f6;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.data-table-loading-overlay p {
+  margin-top: 16px;
+  color: #6b7280;
+  font-size: 14px;
+}
+
+/* Empty state */
+.data-table-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.data-table-empty p {
+  color: #6b7280;
+  font-size: 14px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .data-table th,
+  .data-table td {
+    padding: 8px 12px;
+    font-size: 13px;
+  }
+
+  .data-table-header-content {
+    gap: 4px;
+  }
+}

frontend/src/components/common/DataTable.tsx

@@ -0,0 +1,216 @@
+import React, { useMemo } from 'react';
+import './DataTable.css';
+
+export interface Column<T> {
+  key: keyof T | string;
+  label: string;
+  sortable?: boolean;
+  render?: (item: T, index: number) => React.ReactNode;
+  width?: string;
+  align?: 'left' | 'center' | 'right';
+}
+
+export interface SortConfig {
+  field: string;
+  order: 'asc' | 'desc';
+}
+
+export interface DataTableProps<T> {
+  data: T[];
+  columns: Column<T>[];
+  keyField?: keyof T;
+  loading?: boolean;
+  emptyMessage?: string;
+  sortConfig?: SortConfig | null;
+  onSort?: (field: string) => void;
+  onRowClick?: (item: T, index: number) => void;
+  selectable?: boolean;
+  selectedIds?: Set<number | string>;
+  onToggleSelect?: (id: number | string) => void;
+  onToggleSelectAll?: () => void;
+  isAllSelected?: boolean;
+  isSomeSelected?: boolean;
+  actions?: (item: T, index: number) => React.ReactNode;
+  className?: string;
+  striped?: boolean;
+  hoverable?: boolean;
+}
+
+/**
+ * Enhanced data table component with sorting, selection, and custom rendering
+ * Works seamlessly with usePaginatedData, useQueryBuilder, and useBatchSelection hooks
+ * 
+ * @example
+ * const { data, loading, setSort } = usePaginatedData('/articles');
+ * const selection = useBatchSelection(data, 'id');
+ * 
+ * <DataTable
+ *   data={data}
+ *   columns={columns}
+ *   loading={loading}
+ *   onSort={setSort}
+ *   selectable
+ *   selectedIds={selection.selectedIds}
+ *   onToggleSelect={selection.toggle}
+ *   onToggleSelectAll={selection.toggleAll}
+ * />
+ */
+export function DataTable<T extends Record<string, any>>({
+  data,
+  columns,
+  keyField = 'id' as keyof T,
+  loading = false,
+  emptyMessage = 'No data available',
+  sortConfig,
+  onSort,
+  onRowClick,
+  selectable = false,
+  selectedIds,
+  onToggleSelect,
+  onToggleSelectAll,
+  isAllSelected = false,
+  isSomeSelected = false,
+  actions,
+  className = '',
+  striped = true,
+  hoverable = true,
+}: DataTableProps<T>) {
+  const tableClasses = useMemo(() => {
+    const classes = ['data-table'];
+    if (striped) classes.push('data-table-striped');
+    if (hoverable) classes.push('data-table-hoverable');
+    if (loading) classes.push('data-table-loading');
+    if (className) classes.push(className);
+    return classes.join(' ');
+  }, [striped, hoverable, loading, className]);
+
+  const handleSort = (field: string, sortable?: boolean) => {
+    if (sortable && onSort) {
+      onSort(field);
+    }
+  };
+
+  const getSortIcon = (field: string) => {
+    if (!sortConfig || sortConfig.field !== field) {
+      return '⇅';
+    }
+    return sortConfig.order === 'asc' ? '↑' : '↓';
+  };
+
+  if (loading) {
+    return (
+      <div className="data-table-container">
+        <div className="data-table-loading-overlay">
+          <div className="spinner"></div>
+          <p>Loading...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (data.length === 0) {
+    return (
+      <div className="data-table-container">
+        <div className="data-table-empty">
+          <p>{emptyMessage}</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="data-table-container">
+      <table className={tableClasses}>
+        <thead>
+          <tr>
+            {selectable && (
+              <th className="data-table-select-col">
+                <input
+                  type="checkbox"
+                  checked={isAllSelected}
+                  ref={(input) => {
+                    if (input) {
+                      input.indeterminate = isSomeSelected;
+                    }
+                  }}
+                  onChange={onToggleSelectAll}
+                  aria-label="Select all rows"
+                />
+              </th>
+            )}
+            {columns.map((column) => (
+              <th
+                key={String(column.key)}
+                className={`
+                  ${column.sortable ? 'data-table-sortable' : ''}
+                  data-table-align-${column.align || 'left'}
+                `}
+                style={{ width: column.width }}
+                onClick={() => handleSort(String(column.key), column.sortable)}
+              >
+                <div className="data-table-header-content">
+                  <span>{column.label}</span>
+                  {column.sortable && (
+                    <span className="data-table-sort-icon">
+                      {getSortIcon(String(column.key))}
+                    </span>
+                  )}
+                </div>
+              </th>
+            ))}
+            {actions && <th className="data-table-actions-col">Actions</th>}
+          </tr>
+        </thead>
+        <tbody>
+          {data.map((item, index) => {
+            const itemId = item[keyField];
+            const isSelected = selectedIds?.has(itemId) || false;
+
+            return (
+              <tr
+                key={String(itemId)}
+                className={`
+                  ${isSelected ? 'data-table-row-selected' : ''}
+                  ${onRowClick ? 'data-table-row-clickable' : ''}
+                `}
+                onClick={() => onRowClick?.(item, index)}
+              >
+                {selectable && (
+                  <td
+                    className="data-table-select-col"
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    <input
+                      type="checkbox"
+                      checked={isSelected}
+                      onChange={() => onToggleSelect?.(itemId)}
+                      aria-label={`Select row ${index + 1}`}
+                    />
+                  </td>
+                )}
+                {columns.map((column) => (
+                  <td
+                    key={String(column.key)}
+                    className={`data-table-align-${column.align || 'left'}`}
+                  >
+                    {column.render
+                      ? column.render(item, index)
+                      : String(item[column.key] ?? '')}
+                  </td>
+                ))}
+                {actions && (
+                  <td
+                    className="data-table-actions-col"
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    {actions(item, index)}
+                  </td>
+                )}
+              </tr>
+            );
+          })}
+        </tbody>
+      </table>
+    </div>
+  );
+}

frontend/src/components/common/ToastContainer.css

@@ -0,0 +1,127 @@
+.toast-container {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-width: 400px;
+}
+
+.toast {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  border-left: 4px solid;
+  animation: slideIn 0.3s ease-out;
+  min-width: 300px;
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateX(400px);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+.toast-icon {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.toast-message {
+  flex: 1;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #333;
+}
+
+.toast-close {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 24px;
+  line-height: 1;
+  color: #666;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 0.2s;
+}
+
+.toast-close:hover {
+  color: #333;
+}
+
+/* Success */
+.toast-success {
+  border-left-color: #10b981;
+}
+
+.toast-success .toast-icon {
+  background: #d1fae5;
+  color: #10b981;
+}
+
+/* Error */
+.toast-error {
+  border-left-color: #ef4444;
+}
+
+.toast-error .toast-icon {
+  background: #fee2e2;
+  color: #ef4444;
+}
+
+/* Warning */
+.toast-warning {
+  border-left-color: #f59e0b;
+}
+
+.toast-warning .toast-icon {
+  background: #fef3c7;
+  color: #f59e0b;
+}
+
+/* Info */
+.toast-info {
+  border-left-color: #3b82f6;
+}
+
+.toast-info .toast-icon {
+  background: #dbeafe;
+  color: #3b82f6;
+}
+
+/* Responsive */
+@media (max-width: 640px) {
+  .toast-container {
+    left: 20px;
+    right: 20px;
+    max-width: none;
+  }
+
+  .toast {
+    min-width: auto;
+  }
+}

frontend/src/components/common/ToastContainer.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { Toast } from '../../hooks/useToast';
+import './ToastContainer.css';
+
+interface ToastContainerProps {
+  toasts: Toast[];
+  onDismiss: (id: string) => void;
+}
+
+/**
+ * Container component for displaying toast notifications
+ * Use with the useToast hook
+ * 
+ * @example
+ * const toast = useToast();
+ * return <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+ */
+export const ToastContainer: React.FC<ToastContainerProps> = ({ toasts, onDismiss }) => {
+  if (toasts.length === 0) return null;
+
+  return (
+    <div className="toast-container">
+      {toasts.map((toast) => (
+        <ToastItem key={toast.id} toast={toast} onDismiss={onDismiss} />
+      ))}
+    </div>
+  );
+};
+
+interface ToastItemProps {
+  toast: Toast;
+  onDismiss: (id: string) => void;
+}
+
+const ToastItem: React.FC<ToastItemProps> = ({ toast, onDismiss }) => {
+  const getIcon = () => {
+    switch (toast.type) {
+      case 'success':
+        return '✓';
+      case 'error':
+        return '✕';
+      case 'warning':
+        return '⚠';
+      case 'info':
+        return 'ℹ';
+      default:
+        return '';
+    }
+  };
+
+  return (
+    <div className={`toast toast-${toast.type}`} role="alert">
+      <div className="toast-icon">{getIcon()}</div>
+      <div className="toast-message">{toast.message}</div>
+      <button
+        className="toast-close"
+        onClick={() => onDismiss(toast.id)}
+        aria-label="Close notification"
+      >
+        ×
+      </button>
+    </div>
+  );
+};

frontend/src/components/examples/ArticleListExample.css

@@ -0,0 +1,233 @@
+.article-list-example {
+  padding: 24px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.page-header h1 {
+  margin: 0;
+  font-size: 28px;
+  font-weight: 700;
+  color: #111827;
+}
+
+.filters-bar {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+}
+
+.search-box {
+  flex: 1;
+  min-width: 250px;
+}
+
+.search-input {
+  width: 100%;
+  padding: 10px 16px;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  font-size: 14px;
+  transition: border-color 0.2s;
+}
+
+.search-input:focus {
+  outline: none;
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.filter-select {
+  padding: 10px 16px;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  font-size: 14px;
+  background: white;
+  cursor: pointer;
+  transition: border-color 0.2s;
+}
+
+.filter-select:focus {
+  outline: none;
+  border-color: #3b82f6;
+}
+
+.batch-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  background: #eff6ff;
+  border: 1px solid #bfdbfe;
+  border-radius: 6px;
+  margin-bottom: 16px;
+}
+
+.selected-count {
+  font-size: 14px;
+  font-weight: 500;
+  color: #1e40af;
+}
+
+.error-message {
+  padding: 16px;
+  background: #fef2f2;
+  border: 1px solid #fecaca;
+  border-radius: 6px;
+  margin-bottom: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.error-message p {
+  margin: 0;
+  color: #991b1b;
+  font-size: 14px;
+}
+
+.article-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.badge-draft {
+  background: #fef3c7;
+  color: #92400e;
+}
+
+.table-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.btn-icon {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 18px;
+  padding: 4px;
+  transition: transform 0.2s;
+}
+
+.btn-icon:hover {
+  transform: scale(1.2);
+}
+
+.pagination {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+  padding: 16px;
+  background: white;
+  border-radius: 6px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.pagination-info {
+  font-size: 14px;
+  color: #6b7280;
+}
+
+/* Buttons */
+.btn {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.btn-primary {
+  background: #3b82f6;
+  color: white;
+}
+
+.btn-primary:hover:not(:disabled) {
+  background: #2563eb;
+}
+
+.btn-secondary {
+  background: #6b7280;
+  color: white;
+}
+
+.btn-secondary:hover:not(:disabled) {
+  background: #4b5563;
+}
+
+.btn-danger {
+  background: #ef4444;
+  color: white;
+}
+
+.btn-danger:hover:not(:disabled) {
+  background: #dc2626;
+}
+
+.btn-ghost {
+  background: transparent;
+  color: #6b7280;
+  border: 1px solid #d1d5db;
+}
+
+.btn-ghost:hover:not(:disabled) {
+  background: #f9fafb;
+}
+
+.btn-sm {
+  padding: 6px 12px;
+  font-size: 13px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .article-list-example {
+    padding: 16px;
+  }
+
+  .page-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+  }
+
+  .filters-bar {
+    flex-direction: column;
+  }
+
+  .search-box {
+    width: 100%;
+  }
+
+  .pagination {
+    flex-direction: column;
+    gap: 12px;
+  }
+}

frontend/src/components/examples/ArticleListExample.tsx

@@ -0,0 +1,284 @@
+import React, { useState, useEffect } from 'react';
+import { usePaginatedData } from '../../hooks/usePaginatedData';
+import { useApiDelete } from '../../hooks/useApiMutation';
+import { useBatchSelection } from '../../hooks/useBatchSelection';
+import { useToast } from '../../hooks/useToast';
+import { DataTable, Column } from '../common/DataTable';
+import { ToastContainer } from '../common/ToastContainer';
+import { exportToCSV, getExportFilename } from '../../utils/export';
+import './ArticleListExample.css';
+
+interface Article {
+  id: number;
+  title: string;
+  published: boolean;
+  created_at: string;
+  author?: {
+    name: string;
+  };
+}
+
+/**
+ * Complete example showing how to use all the new utility hooks and components
+ * This demonstrates:
+ * - usePaginatedData for fetching with pagination, search, sort, filters
+ * - useBatchSelection for selecting multiple items
+ * - useApiDelete for deleting items
+ * - useToast for notifications
+ * - DataTable for displaying data
+ * - Export utilities
+ */
+export const ArticleListExample: React.FC = () => {
+  // Data fetching with pagination, search, sort, filters
+  const {
+    data: articles,
+    meta,
+    loading,
+    error,
+    setPage,
+    setSearch,
+    setSort,
+    setFilters,
+    refresh,
+  } = usePaginatedData<Article>('/articles', {
+    page_size: 20,
+  });
+
+  // Batch selection
+  const selection = useBatchSelection<Article>(articles, 'id');
+
+  // Update selection when articles change
+  useEffect(() => {
+    selection.setItems(articles);
+  }, [articles]);
+
+  // Toast notifications
+  const toast = useToast();
+
+  // Delete mutation
+  const deleteArticle = useApiDelete<void, { id: number }>((data) => `/articles/${data.id}`);
+
+  // Local state
+  const [searchTerm, setSearchTerm] = useState('');
+  const [publishedFilter, setPublishedFilter] = useState<string>('all');
+
+  // Handle search input
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const value = e.target.value;
+    setSearchTerm(value);
+    // Debounce search
+    const timeoutId = setTimeout(() => {
+      setSearch(value);
+    }, 500);
+    return () => clearTimeout(timeoutId);
+  };
+
+  // Handle filter change
+  const handleFilterChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const value = e.target.value;
+    setPublishedFilter(value);
+    if (value === 'all') {
+      setFilters({});
+    } else {
+      setFilters({ published: value === 'published' });
+    }
+  };
+
+  // Handle sort
+  const handleSort = (field: string) => {
+    // Toggle sort order
+    setSort(field, 'desc'); // You'd want to track current order and toggle
+  };
+
+  // Handle delete
+  const handleDelete = async (id: number) => {
+    if (!window.confirm('Are you sure you want to delete this article?')) return;
+
+    const result = await deleteArticle.mutate({ id });
+    if (result !== null) {
+      toast.success('Article deleted successfully');
+      refresh();
+    } else {
+      toast.error(deleteArticle.error || 'Failed to delete article');
+    }
+  };
+
+  // Handle batch delete
+  const handleBatchDelete = async () => {
+    const count = selection.selectedIds.size;
+    if (!window.confirm(`Are you sure you want to delete ${count} articles?`)) return;
+
+    // In real implementation, you'd call a batch delete API
+    toast.info(`Would delete ${count} articles`);
+    selection.deselectAll();
+  };
+
+  // Handle export
+  const handleExport = () => {
+    const filename = getExportFilename('articles', 'csv');
+    const exportData = articles.map((article) => ({
+      ID: article.id,
+      Title: article.title,
+      Published: article.published ? 'Yes' : 'No',
+      Author: article.author?.name || 'Unknown',
+      'Created At': new Date(article.created_at).toLocaleString(),
+    }));
+    exportToCSV(exportData, filename);
+    toast.success('Articles exported successfully');
+  };
+
+  // Table columns configuration
+  const columns: Column<Article>[] = [
+    {
+      key: 'id',
+      label: 'ID',
+      sortable: true,
+      width: '80px',
+    },
+    {
+      key: 'title',
+      label: 'Title',
+      sortable: true,
+      render: (article) => (
+        <div className="article-title">
+          <strong>{article.title}</strong>
+          {!article.published && <span className="badge badge-draft">Draft</span>}
+        </div>
+      ),
+    },
+    {
+      key: 'author',
+      label: 'Author',
+      render: (article) => article.author?.name || 'Unknown',
+    },
+    {
+      key: 'created_at',
+      label: 'Created',
+      sortable: true,
+      render: (article) => new Date(article.created_at).toLocaleDateString(),
+    },
+  ];
+
+  return (
+    <div className="article-list-example">
+      <ToastContainer toasts={toast.toasts} onDismiss={toast.dismiss} />
+
+      <div className="page-header">
+        <h1>Articles</h1>
+        <button className="btn btn-primary" onClick={refresh}>
+          Refresh
+        </button>
+      </div>
+
+      {/* Filters and Search */}
+      <div className="filters-bar">
+        <div className="search-box">
+          <input
+            type="text"
+            placeholder="Search articles..."
+            value={searchTerm}
+            onChange={handleSearchChange}
+            className="search-input"
+          />
+        </div>
+
+        <select
+          value={publishedFilter}
+          onChange={handleFilterChange}
+          className="filter-select"
+        >
+          <option value="all">All Articles</option>
+          <option value="published">Published</option>
+          <option value="draft">Drafts</option>
+        </select>
+
+        <button
+          className="btn btn-secondary"
+          onClick={handleExport}
+          disabled={articles.length === 0}
+        >
+          Export CSV
+        </button>
+      </div>
+
+      {/* Batch Actions */}
+      {selection.selectedIds.size > 0 && (
+        <div className="batch-actions">
+          <span className="selected-count">
+            {selection.selectedIds.size} article(s) selected
+          </span>
+          <button className="btn btn-danger" onClick={handleBatchDelete}>
+            Delete Selected
+          </button>
+          <button className="btn btn-ghost" onClick={selection.deselectAll}>
+            Clear Selection
+          </button>
+        </div>
+      )}
+
+      {/* Error Message */}
+      {error && (
+        <div className="error-message">
+          <p>Error: {error}</p>
+          <button onClick={refresh}>Retry</button>
+        </div>
+      )}
+
+      {/* Data Table */}
+      <DataTable
+        data={articles}
+        columns={columns}
+        loading={loading}
+        emptyMessage="No articles found"
+        selectable
+        selectedIds={selection.selectedIds}
+        onToggleSelect={selection.toggle}
+        onToggleSelectAll={selection.toggleAll}
+        isAllSelected={selection.isAllSelected}
+        isSomeSelected={selection.isSomeSelected}
+        onSort={handleSort}
+        actions={(article) => (
+          <div className="table-actions">
+            <button
+              className="btn-icon"
+              onClick={() => console.log('Edit', article.id)}
+              title="Edit"
+            >
+              ✏️
+            </button>
+            <button
+              className="btn-icon"
+              onClick={() => handleDelete(article.id)}
+              title="Delete"
+            >
+              🗑️
+            </button>
+          </div>
+        )}
+      />
+
+      {/* Pagination */}
+      {meta && meta.total_pages > 1 && (
+        <div className="pagination">
+          <button
+            className="btn btn-sm"
+            onClick={() => setPage(meta.page - 1)}
+            disabled={!meta.has_prev}
+          >
+            Previous
+          </button>
+          <span className="pagination-info">
+            Page {meta.page} of {meta.total_pages} ({meta.total} total)
+          </span>
+          <button
+            className="btn btn-sm"
+            onClick={() => setPage(meta.page + 1)}
+            disabled={!meta.has_next}
+          >
+            Next
+          </button>
+        </div>
+      )}
+    </div>
+  );
+};

frontend/src/hooks/useApiMutation.ts

@@ -0,0 +1,96 @@
+import { useState, useCallback } from 'react';
+import { api } from '../services/api';
+import { AxiosError } from 'axios';
+
+export interface ApiResponse<T = any> {
+  success: boolean;
+  message?: string;
+  data?: T;
+  error?: string;
+}
+
+export interface UseApiMutationResult<T, P = any> {
+  mutate: (data: P) => Promise<T | null>;
+  loading: boolean;
+  error: string | null;
+  success: boolean;
+  reset: () => void;
+}
+
+/**
+ * Hook for API mutations (POST, PUT, PATCH, DELETE)
+ * Handles loading states, errors, and success messages
+ * 
+ * @example
+ * const { mutate, loading, error } = useApiMutation<Article>('post', '/articles');
+ * await mutate({ title: 'New Article' });
+ */
+export function useApiMutation<T = any, P = any>(
+  method: 'post' | 'put' | 'patch' | 'delete',
+  endpoint: string | ((data: P) => string)
+): UseApiMutationResult<T, P> {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState(false);
+
+  const mutate = useCallback(
+    async (data: P): Promise<T | null> => {
+      try {
+        setLoading(true);
+        setError(null);
+        setSuccess(false);
+
+        const url = typeof endpoint === 'function' ? endpoint(data) : endpoint;
+        const response = await api[method]<ApiResponse<T>>(url, data);
+
+        if (response.data.success !== false) {
+          setSuccess(true);
+          return response.data.data || (response.data as any);
+        } else {
+          setError(response.data.error || response.data.message || 'Operation failed');
+          return null;
+        }
+      } catch (err) {
+        const axiosError = err as AxiosError<ApiResponse>;
+        const errorMsg =
+          axiosError.response?.data?.error ||
+          axiosError.response?.data?.message ||
+          axiosError.message ||
+          'An error occurred';
+        setError(errorMsg);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [method, endpoint]
+  );
+
+  const reset = useCallback(() => {
+    setError(null);
+    setSuccess(false);
+  }, []);
+
+  return {
+    mutate,
+    loading,
+    error,
+    success,
+    reset,
+  };
+}
+
+/**
+ * Convenience hooks for specific HTTP methods
+ */
+export const useApiPost = <T = any, P = any>(endpoint: string | ((data: P) => string)) =>
+  useApiMutation<T, P>('post', endpoint);
+
+export const useApiPut = <T = any, P = any>(endpoint: string | ((data: P) => string)) =>
+  useApiMutation<T, P>('put', endpoint);
+
+export const useApiPatch = <T = any, P = any>(endpoint: string | ((data: P) => string)) =>
+  useApiMutation<T, P>('patch', endpoint);
+
+export const useApiDelete = <T = any, P = any>(endpoint: string | ((data: P) => string)) =>
+  useApiMutation<T, P>('delete', endpoint);

frontend/src/hooks/useBatchSelection.ts

@@ -0,0 +1,126 @@
+import { useState, useCallback, useMemo } from 'react';
+
+export interface UseBatchSelectionResult<T = any> {
+  selectedIds: Set<number | string>;
+  selectedItems: T[];
+  isSelected: (id: number | string) => boolean;
+  isAllSelected: boolean;
+  isSomeSelected: boolean;
+  toggle: (id: number | string) => void;
+  select: (id: number | string) => void;
+  deselect: (id: number | string) => void;
+  selectAll: () => void;
+  deselectAll: () => void;
+  toggleAll: () => void;
+  setItems: (items: T[]) => void;
+  getSelectedIds: () => (number | string)[];
+  getSelectedItems: () => T[];
+}
+
+/**
+ * Hook for managing batch selection in tables/lists
+ * Handles select all, toggle, and individual selections
+ * 
+ * @example
+ * const selection = useBatchSelection(articles, 'id');
+ * <Checkbox checked={selection.isSelected(article.id)} onChange={() => selection.toggle(article.id)} />
+ * <button disabled={selection.selectedIds.size === 0} onClick={handleBatchDelete}>
+ *   Delete Selected ({selection.selectedIds.size})
+ * </button>
+ */
+export function useBatchSelection<T = any>(
+  items: T[] = [],
+  idField: keyof T = 'id' as keyof T
+): UseBatchSelectionResult<T> {
+  const [selectedIds, setSelectedIds] = useState<Set<number | string>>(new Set());
+  const [currentItems, setCurrentItems] = useState<T[]>(items);
+
+  const setItems = useCallback((newItems: T[]) => {
+    setCurrentItems(newItems);
+    // Clear selection when items change
+    setSelectedIds(new Set());
+  }, []);
+
+  const isSelected = useCallback(
+    (id: number | string) => selectedIds.has(id),
+    [selectedIds]
+  );
+
+  const toggle = useCallback((id: number | string) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+
+  const select = useCallback((id: number | string) => {
+    setSelectedIds((prev) => new Set(prev).add(id));
+  }, []);
+
+  const deselect = useCallback((id: number | string) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+
+  const selectAll = useCallback(() => {
+    const allIds = currentItems.map((item) => item[idField] as number | string);
+    setSelectedIds(new Set(allIds));
+  }, [currentItems, idField]);
+
+  const deselectAll = useCallback(() => {
+    setSelectedIds(new Set());
+  }, []);
+
+  const toggleAll = useCallback(() => {
+    if (selectedIds.size === currentItems.length && currentItems.length > 0) {
+      deselectAll();
+    } else {
+      selectAll();
+    }
+  }, [selectedIds.size, currentItems.length, selectAll, deselectAll]);
+
+  const selectedItems = useMemo(() => {
+    return currentItems.filter((item) => selectedIds.has(item[idField] as number | string));
+  }, [currentItems, selectedIds, idField]);
+
+  const isAllSelected = useMemo(() => {
+    return currentItems.length > 0 && selectedIds.size === currentItems.length;
+  }, [currentItems.length, selectedIds.size]);
+
+  const isSomeSelected = useMemo(() => {
+    return selectedIds.size > 0 && selectedIds.size < currentItems.length;
+  }, [selectedIds.size, currentItems.length]);
+
+  const getSelectedIds = useCallback(() => {
+    return Array.from(selectedIds);
+  }, [selectedIds]);
+
+  const getSelectedItems = useCallback(() => {
+    return selectedItems;
+  }, [selectedItems]);
+
+  return {
+    selectedIds,
+    selectedItems,
+    isSelected,
+    isAllSelected,
+    isSomeSelected,
+    toggle,
+    select,
+    deselect,
+    selectAll,
+    deselectAll,
+    toggleAll,
+    setItems,
+    getSelectedIds,
+    getSelectedItems,
+  };
+}

frontend/src/hooks/useFormValidation.ts

@@ -0,0 +1,272 @@
+import { useState, useCallback } from 'react';
+
+export interface ValidationRule {
+  required?: boolean;
+  min?: number;
+  max?: number;
+  pattern?: RegExp;
+  email?: boolean;
+  url?: boolean;
+  custom?: (value: any) => string | null;
+  message?: string;
+}
+
+export interface ValidationRules {
+  [field: string]: ValidationRule | ValidationRule[];
+}
+
+export interface ValidationErrors {
+  [field: string]: string;
+}
+
+export interface UseFormValidationResult<T> {
+  values: T;
+  errors: ValidationErrors;
+  touched: { [K in keyof T]?: boolean };
+  isValid: boolean;
+  isSubmitting: boolean;
+  setValue: (field: keyof T, value: any) => void;
+  setValues: (values: Partial<T>) => void;
+  setError: (field: keyof T, error: string) => void;
+  setErrors: (errors: ValidationErrors) => void;
+  clearError: (field: keyof T) => void;
+  clearErrors: () => void;
+  touch: (field: keyof T) => void;
+  validate: () => boolean;
+  validateField: (field: keyof T) => boolean;
+  handleChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+  handleBlur: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+  handleSubmit: (onSubmit: (values: T) => void | Promise<void>) => (e: React.FormEvent) => Promise<void>;
+  reset: () => void;
+}
+
+/**
+ * Hook for form validation with built-in rules
+ * Supports required, min/max length, patterns, email, URL, and custom validators
+ * 
+ * @example
+ * const { values, errors, handleChange, handleSubmit } = useFormValidation({
+ *   title: '',
+ *   email: ''
+ * }, {
+ *   title: { required: true, min: 3, max: 100 },
+ *   email: { required: true, email: true }
+ * });
+ */
+export function useFormValidation<T extends Record<string, any>>(
+  initialValues: T,
+  rules: ValidationRules = {}
+): UseFormValidationResult<T> {
+  const [values, setValuesState] = useState<T>(initialValues);
+  const [errors, setErrorsState] = useState<ValidationErrors>({});
+  const [touched, setTouched] = useState<{ [K in keyof T]?: boolean }>({});
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const validateValue = useCallback(
+    (field: keyof T, value: any): string | null => {
+      const fieldRules = rules[field as string];
+      if (!fieldRules) return null;
+
+      const rulesArray = Array.isArray(fieldRules) ? fieldRules : [fieldRules];
+
+      for (const rule of rulesArray) {
+        // Required
+        if (rule.required && (!value || (typeof value === 'string' && !value.trim()))) {
+          return rule.message || `${String(field)} is required`;
+        }
+
+        // Skip other validations if empty and not required
+        if (!value || (typeof value === 'string' && !value.trim())) {
+          continue;
+        }
+
+        // Min length
+        if (rule.min !== undefined && typeof value === 'string' && value.length < rule.min) {
+          return rule.message || `${String(field)} must be at least ${rule.min} characters`;
+        }
+
+        // Max length
+        if (rule.max !== undefined && typeof value === 'string' && value.length > rule.max) {
+          return rule.message || `${String(field)} must be at most ${rule.max} characters`;
+        }
+
+        // Pattern
+        if (rule.pattern && typeof value === 'string' && !rule.pattern.test(value)) {
+          return rule.message || `${String(field)} format is invalid`;
+        }
+
+        // Email
+        if (rule.email && typeof value === 'string') {
+          const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+          if (!emailRegex.test(value)) {
+            return rule.message || `${String(field)} must be a valid email`;
+          }
+        }
+
+        // URL
+        if (rule.url && typeof value === 'string') {
+          try {
+            new URL(value);
+          } catch {
+            return rule.message || `${String(field)} must be a valid URL`;
+          }
+        }
+
+        // Custom validator
+        if (rule.custom) {
+          const customError = rule.custom(value);
+          if (customError) return customError;
+        }
+      }
+
+      return null;
+    },
+    [rules]
+  );
+
+  const validateField = useCallback(
+    (field: keyof T): boolean => {
+      const error = validateValue(field, values[field]);
+      if (error) {
+        setErrorsState((prev) => ({ ...prev, [field]: error }));
+        return false;
+      } else {
+        setErrorsState((prev) => {
+          const newErrors = { ...prev };
+          delete newErrors[field as string];
+          return newErrors;
+        });
+        return true;
+      }
+    },
+    [values, validateValue]
+  );
+
+  const validate = useCallback((): boolean => {
+    const newErrors: ValidationErrors = {};
+    let isValid = true;
+
+    Object.keys(rules).forEach((field) => {
+      const error = validateValue(field as keyof T, values[field as keyof T]);
+      if (error) {
+        newErrors[field] = error;
+        isValid = false;
+      }
+    });
+
+    setErrorsState(newErrors);
+    return isValid;
+  }, [rules, values, validateValue]);
+
+  const setValue = useCallback((field: keyof T, value: any) => {
+    setValuesState((prev) => ({ ...prev, [field]: value }));
+  }, []);
+
+  const setValues = useCallback((newValues: Partial<T>) => {
+    setValuesState((prev) => ({ ...prev, ...newValues }));
+  }, []);
+
+  const setError = useCallback((field: keyof T, error: string) => {
+    setErrorsState((prev) => ({ ...prev, [field]: error }));
+  }, []);
+
+  const setErrors = useCallback((newErrors: ValidationErrors) => {
+    setErrorsState(newErrors);
+  }, []);
+
+  const clearError = useCallback((field: keyof T) => {
+    setErrorsState((prev) => {
+      const newErrors = { ...prev };
+      delete newErrors[field as string];
+      return newErrors;
+    });
+  }, []);
+
+  const clearErrors = useCallback(() => {
+    setErrorsState({});
+  }, []);
+
+  const touch = useCallback((field: keyof T) => {
+    setTouched((prev) => ({ ...prev, [field]: true }));
+  }, []);
+
+  const handleChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
+      const { name, value, type } = e.target;
+      const fieldValue = type === 'checkbox' ? (e.target as HTMLInputElement).checked : value;
+      setValue(name as keyof T, fieldValue);
+
+      // Clear error on change if field was touched
+      if (touched[name as keyof T]) {
+        clearError(name as keyof T);
+      }
+    },
+    [setValue, clearError, touched]
+  );
+
+  const handleBlur = useCallback(
+    (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
+      const { name } = e.target;
+      touch(name as keyof T);
+      validateField(name as keyof T);
+    },
+    [touch, validateField]
+  );
+
+  const handleSubmit = useCallback(
+    (onSubmit: (values: T) => void | Promise<void>) => {
+      return async (e: React.FormEvent) => {
+        e.preventDefault();
+        setIsSubmitting(true);
+
+        // Mark all fields as touched
+        const allTouched = Object.keys(rules).reduce(
+          (acc, key) => ({ ...acc, [key]: true }),
+          {}
+        );
+        setTouched(allTouched);
+
+        if (validate()) {
+          try {
+            await onSubmit(values);
+          } finally {
+            setIsSubmitting(false);
+          }
+        } else {
+          setIsSubmitting(false);
+        }
+      };
+    },
+    [validate, values, rules]
+  );
+
+  const reset = useCallback(() => {
+    setValuesState(initialValues);
+    setErrorsState({});
+    setTouched({});
+    setIsSubmitting(false);
+  }, [initialValues]);
+
+  const isValid = Object.keys(errors).length === 0;
+
+  return {
+    values,
+    errors,
+    touched,
+    isValid,
+    isSubmitting,
+    setValue,
+    setValues,
+    setError,
+    setErrors,
+    clearError,
+    clearErrors,
+    touch,
+    validate,
+    validateField,
+    handleChange,
+    handleBlur,
+    handleSubmit,
+    reset,
+  };
+}

frontend/src/hooks/usePaginatedData.ts

@@ -0,0 +1,146 @@
+import { useState, useEffect, useCallback } from 'react';
+import { api } from '../services/api';
+import { AxiosError } from 'axios';
+
+export interface PaginationMeta {
+  page: number;
+  page_size: number;
+  total: number;
+  total_pages: number;
+  has_next: boolean;
+  has_prev: boolean;
+}
+
+export interface PaginatedResponse<T> {
+  success: boolean;
+  message?: string;
+  data: T[];
+  meta: PaginationMeta;
+}
+
+export interface QueryParams {
+  page?: number;
+  page_size?: number;
+  search?: string;
+  sort?: string;
+  [key: string]: any;
+}
+
+export interface UsePaginatedDataResult<T> {
+  data: T[];
+  meta: PaginationMeta | null;
+  loading: boolean;
+  error: string | null;
+  refresh: () => void;
+  setPage: (page: number) => void;
+  setPageSize: (size: number) => void;
+  setSearch: (search: string) => void;
+  setSort: (field: string, order: 'asc' | 'desc') => void;
+  setFilters: (filters: Record<string, any>) => void;
+  updateQueryParams: (params: Partial<QueryParams>) => void;
+}
+
+/**
+ * Hook for fetching paginated data with search, sort, and filters
+ * Automatically handles pagination, loading states, and errors
+ * 
+ * @example
+ * const { data, meta, loading, setSearch, setPage } = usePaginatedData<Article>('/articles');
+ */
+export function usePaginatedData<T = any>(
+  endpoint: string,
+  initialParams: QueryParams = {}
+): UsePaginatedDataResult<T> {
+  const [data, setData] = useState<T[]>([]);
+  const [meta, setMeta] = useState<PaginationMeta | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [queryParams, setQueryParams] = useState<QueryParams>({
+    page: 1,
+    page_size: 20,
+    ...initialParams,
+  });
+
+  const fetchData = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+
+      // Build query string
+      const params = new URLSearchParams();
+      Object.entries(queryParams).forEach(([key, value]) => {
+        if (value !== undefined && value !== null && value !== '') {
+          params.append(key, String(value));
+        }
+      });
+
+      const response = await api.get<PaginatedResponse<T>>(
+        `${endpoint}?${params.toString()}`
+      );
+
+      if (response.data.success) {
+        setData(response.data.data || []);
+        setMeta(response.data.meta || null);
+      } else {
+        setError(response.data.message || 'Failed to fetch data');
+      }
+    } catch (err) {
+      const axiosError = err as AxiosError<{ error: string }>;
+      setError(
+        axiosError.response?.data?.error || 
+        axiosError.message || 
+        'An error occurred'
+      );
+      setData([]);
+      setMeta(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [endpoint, queryParams]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  const updateQueryParams = useCallback((params: Partial<QueryParams>) => {
+    setQueryParams((prev) => ({ ...prev, ...params }));
+  }, []);
+
+  const setPage = useCallback((page: number) => {
+    updateQueryParams({ page });
+  }, [updateQueryParams]);
+
+  const setPageSize = useCallback((page_size: number) => {
+    updateQueryParams({ page_size, page: 1 }); // Reset to first page
+  }, [updateQueryParams]);
+
+  const setSearch = useCallback((search: string) => {
+    updateQueryParams({ search, page: 1 }); // Reset to first page
+  }, [updateQueryParams]);
+
+  const setSort = useCallback((field: string, order: 'asc' | 'desc') => {
+    updateQueryParams({ sort: `${field}:${order}` });
+  }, [updateQueryParams]);
+
+  const setFilters = useCallback((filters: Record<string, any>) => {
+    updateQueryParams({ ...filters, page: 1 }); // Reset to first page
+  }, [updateQueryParams]);
+
+  const refresh = useCallback(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return {
+    data,
+    meta,
+    loading,
+    error,
+    refresh,
+    setPage,
+    setPageSize,
+    setSearch,
+    setSort,
+    setFilters,
+    updateQueryParams,
+  };
+}

frontend/src/hooks/useQueryBuilder.ts

@@ -0,0 +1,161 @@
+import { useState, useCallback, useMemo } from 'react';
+
+export interface QueryFilters {
+  [key: string]: any;
+}
+
+export interface SortConfig {
+  field: string;
+  order: 'asc' | 'desc';
+}
+
+export interface UseQueryBuilderResult {
+  filters: QueryFilters;
+  search: string;
+  sort: SortConfig | null;
+  page: number;
+  pageSize: number;
+  queryString: string;
+  queryParams: URLSearchParams;
+  setFilter: (key: string, value: any) => void;
+  removeFilter: (key: string) => void;
+  clearFilters: () => void;
+  setSearch: (search: string) => void;
+  setSort: (field: string, order: 'asc' | 'desc') => void;
+  toggleSort: (field: string) => void;
+  clearSort: () => void;
+  setPage: (page: number) => void;
+  setPageSize: (size: number) => void;
+  reset: () => void;
+}
+
+/**
+ * Hook for building query strings with filters, search, sort, and pagination
+ * Works seamlessly with the backend QueryParser
+ * 
+ * @example
+ * const { queryString, setFilter, setSearch, setSort } = useQueryBuilder();
+ * setFilter('published', true);
+ * setSearch('football');
+ * setSort('created_at', 'desc');
+ * // queryString: "published=true&search=football&sort=created_at:desc&page=1&page_size=20"
+ */
+export function useQueryBuilder(initialPageSize: number = 20): UseQueryBuilderResult {
+  const [filters, setFilters] = useState<QueryFilters>({});
+  const [search, setSearchState] = useState('');
+  const [sort, setSortState] = useState<SortConfig | null>(null);
+  const [page, setPageState] = useState(1);
+  const [pageSize, setPageSizeState] = useState(initialPageSize);
+
+  const setFilter = useCallback((key: string, value: any) => {
+    setFilters((prev) => ({ ...prev, [key]: value }));
+    setPageState(1); // Reset to first page when filter changes
+  }, []);
+
+  const removeFilter = useCallback((key: string) => {
+    setFilters((prev) => {
+      const newFilters = { ...prev };
+      delete newFilters[key];
+      return newFilters;
+    });
+    setPageState(1);
+  }, []);
+
+  const clearFilters = useCallback(() => {
+    setFilters({});
+    setPageState(1);
+  }, []);
+
+  const setSearch = useCallback((searchTerm: string) => {
+    setSearchState(searchTerm);
+    setPageState(1); // Reset to first page when search changes
+  }, []);
+
+  const setSort = useCallback((field: string, order: 'asc' | 'desc') => {
+    setSortState({ field, order });
+  }, []);
+
+  const toggleSort = useCallback((field: string) => {
+    setSortState((prev) => {
+      if (!prev || prev.field !== field) {
+        return { field, order: 'asc' };
+      }
+      if (prev.order === 'asc') {
+        return { field, order: 'desc' };
+      }
+      return null; // Clear sort
+    });
+  }, []);
+
+  const clearSort = useCallback(() => {
+    setSortState(null);
+  }, []);
+
+  const setPage = useCallback((newPage: number) => {
+    setPageState(newPage);
+  }, []);
+
+  const setPageSize = useCallback((size: number) => {
+    setPageSizeState(size);
+    setPageState(1); // Reset to first page
+  }, []);
+
+  const reset = useCallback(() => {
+    setFilters({});
+    setSearchState('');
+    setSortState(null);
+    setPageState(1);
+    setPageSizeState(initialPageSize);
+  }, [initialPageSize]);
+
+  const queryParams = useMemo(() => {
+    const params = new URLSearchParams();
+
+    // Add filters
+    Object.entries(filters).forEach(([key, value]) => {
+      if (value !== undefined && value !== null && value !== '') {
+        params.append(key, String(value));
+      }
+    });
+
+    // Add search
+    if (search) {
+      params.append('search', search);
+    }
+
+    // Add sort
+    if (sort) {
+      params.append('sort', `${sort.field}:${sort.order}`);
+    }
+
+    // Add pagination
+    params.append('page', String(page));
+    params.append('page_size', String(pageSize));
+
+    return params;
+  }, [filters, search, sort, page, pageSize]);
+
+  const queryString = useMemo(() => {
+    return queryParams.toString();
+  }, [queryParams]);
+
+  return {
+    filters,
+    search,
+    sort,
+    page,
+    pageSize,
+    queryString,
+    queryParams,
+    setFilter,
+    removeFilter,
+    clearFilters,
+    setSearch,
+    setSort,
+    toggleSort,
+    clearSort,
+    setPage,
+    setPageSize,
+    reset,
+  };
+}

frontend/src/hooks/useToast.ts

@@ -0,0 +1,95 @@
+import { useState, useCallback, useRef } from 'react';
+
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+
+export interface Toast {
+  id: string;
+  type: ToastType;
+  message: string;
+  duration?: number;
+}
+
+export interface UseToastResult {
+  toasts: Toast[];
+  success: (message: string, duration?: number) => void;
+  error: (message: string, duration?: number) => void;
+  warning: (message: string, duration?: number) => void;
+  info: (message: string, duration?: number) => void;
+  dismiss: (id: string) => void;
+  dismissAll: () => void;
+}
+
+/**
+ * Hook for displaying toast notifications
+ * Automatically dismisses toasts after specified duration
+ * 
+ * @example
+ * const toast = useToast();
+ * toast.success('Article created successfully');
+ * toast.error('Failed to save changes');
+ */
+export function useToast(): UseToastResult {
+  const [toasts, setToasts] = useState<Toast[]>([]);
+  const timeoutsRef = useRef<Map<string, NodeJS.Timeout>>(new Map());
+
+  const addToast = useCallback((type: ToastType, message: string, duration: number = 5000) => {
+    const id = `toast-${Date.now()}-${Math.random()}`;
+    const toast: Toast = { id, type, message, duration };
+
+    setToasts((prev) => [...prev, toast]);
+
+    // Auto-dismiss after duration
+    if (duration > 0) {
+      const timeout = setTimeout(() => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+        timeoutsRef.current.delete(id);
+      }, duration);
+      timeoutsRef.current.set(id, timeout);
+    }
+  }, []);
+
+  const dismiss = useCallback((id: string) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+    const timeout = timeoutsRef.current.get(id);
+    if (timeout) {
+      clearTimeout(timeout);
+      timeoutsRef.current.delete(id);
+    }
+  }, []);
+
+  const dismissAll = useCallback(() => {
+    setToasts([]);
+    timeoutsRef.current.forEach((timeout) => clearTimeout(timeout));
+    timeoutsRef.current.clear();
+  }, []);
+
+  const success = useCallback(
+    (message: string, duration?: number) => addToast('success', message, duration),
+    [addToast]
+  );
+
+  const error = useCallback(
+    (message: string, duration?: number) => addToast('error', message, duration),
+    [addToast]
+  );
+
+  const warning = useCallback(
+    (message: string, duration?: number) => addToast('warning', message, duration),
+    [addToast]
+  );
+
+  const info = useCallback(
+    (message: string, duration?: number) => addToast('info', message, duration),
+    [addToast]
+  );
+
+  return {
+    toasts,
+    success,
+    error,
+    warning,
+    info,
+    dismiss,
+    dismissAll,
+  };
+}

frontend/src/utils/export.ts

@@ -0,0 +1,116 @@
+import { api } from '../services/api';
+
+/**
+ * Utility functions for exporting data
+ */
+
+/**
+ * Converts array of objects to CSV string
+ */
+export function arrayToCSV<T extends Record<string, any>>(
+  data: T[],
+  columns?: string[]
+): string {
+  if (data.length === 0) return '';
+
+  const headers = columns || Object.keys(data[0]);
+  const rows = data.map((item) =>
+    headers.map((header) => {
+      const value = item[header];
+      // Escape CSV special characters
+      if (value === null || value === undefined) return '';
+      const stringValue = String(value);
+      if (stringValue.includes(',') || stringValue.includes('"') || stringValue.includes('\n')) {
+        return `"${stringValue.replace(/"/g, '""')}"`;
+      }
+      return stringValue;
+    })
+  );
+
+  return [headers.join(','), ...rows.map((row) => row.join(','))].join('\n');
+}
+
+/**
+ * Triggers a file download in the browser
+ */
+export function downloadFile(content: string, filename: string, mimeType: string = 'text/plain') {
+  const blob = new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+
+/**
+ * Exports data to CSV file
+ */
+export function exportToCSV<T extends Record<string, any>>(
+  data: T[],
+  filename: string = 'export.csv',
+  columns?: string[]
+) {
+  const csv = arrayToCSV(data, columns);
+  downloadFile(csv, filename, 'text/csv');
+}
+
+/**
+ * Exports data to JSON file
+ */
+export function exportToJSON<T>(data: T, filename: string = 'export.json') {
+  const json = JSON.stringify(data, null, 2);
+  downloadFile(json, filename, 'application/json');
+}
+
+/**
+ * Fetches and downloads export from API endpoint
+ */
+export async function exportFromAPI(
+  endpoint: string,
+  filename: string,
+  format: 'csv' | 'json' = 'csv'
+): Promise<void> {
+  try {
+    const response = await api.get(endpoint, {
+      responseType: 'blob',
+    });
+
+    const url = URL.createObjectURL(response.data);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  } catch (error) {
+    console.error('Export failed:', error);
+    throw error;
+  }
+}
+
+/**
+ * Copies data to clipboard
+ */
+export async function copyToClipboard(text: string): Promise<boolean> {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch (error) {
+    console.error('Failed to copy to clipboard:', error);
+    return false;
+  }
+}
+
+/**
+ * Formats date for export filenames
+ */
+export function getExportFilename(prefix: string, extension: string): string {
+  const date = new Date();
+  const dateStr = date.toISOString().split('T')[0];
+  const timeStr = date.toTimeString().split(' ')[0].replace(/:/g, '-');
+  return `${prefix}_${dateStr}_${timeStr}.${extension}`;
+}

internal/controllers/audit_log_controller.go

@@ -0,0 +1,291 @@
+package controllers
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/http"
+	"time"
+
+	"fotbal-club/internal/models"
+	"fotbal-club/pkg/logger"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// AuditLogController handles audit log operations
+type AuditLogController struct {
+	DB *gorm.DB
+}
+
+// NewAuditLogController creates a new AuditLogController instance
+func NewAuditLogController(db *gorm.DB) *AuditLogController {
+	return &AuditLogController{DB: db}
+}
+
+// AuditAction represents common audit actions
+const (
+	AuditActionCreate = "CREATE"
+	AuditActionUpdate = "UPDATE"
+	AuditActionDelete = "DELETE"
+	AuditActionLogin  = "LOGIN"
+	AuditActionLogout = "LOGOUT"
+	AuditActionView   = "VIEW"
+	AuditActionExport = "EXPORT"
+)
+
+// LogEntry creates an audit log entry
+func (alc *AuditLogController) LogEntry(c *gin.Context, action, entityType string, entityID *uint, description string, changes interface{}) error {
+	var userID *uint
+	if user, exists := c.Get("user"); exists {
+		if u, ok := user.(*models.User); ok && u != nil {
+			userID = &u.ID
+		}
+	}
+
+	// Serialize changes to JSON
+	var changesJSON string
+	if changes != nil {
+		if b, err := json.Marshal(changes); err == nil {
+			changesJSON = string(b)
+		}
+	}
+
+	log := models.AuditLog{
+		UserID:      userID,
+		Action:      action,
+		EntityType:  entityType,
+		EntityID:    entityID,
+		Description: description,
+		IPAddress:   c.ClientIP(),
+		UserAgent:   c.Request.UserAgent(),
+		Changes:     changesJSON,
+		CreatedAt:   time.Now(),
+	}
+
+	if err := alc.DB.Create(&log).Error; err != nil {
+		logger.Error("Failed to create audit log: %v", err)
+		return err
+	}
+
+	return nil
+}
+
+// LogCreate logs a CREATE action
+func (alc *AuditLogController) LogCreate(c *gin.Context, entityType string, entityID uint, description string) error {
+	id := entityID
+	return alc.LogEntry(c, AuditActionCreate, entityType, &id, description, nil)
+}
+
+// LogUpdate logs an UPDATE action with before/after changes
+func (alc *AuditLogController) LogUpdate(c *gin.Context, entityType string, entityID uint, description string, before, after interface{}) error {
+	id := entityID
+	changes := map[string]interface{}{
+		"before": before,
+		"after":  after,
+	}
+	return alc.LogEntry(c, AuditActionUpdate, entityType, &id, description, changes)
+}
+
+// LogDelete logs a DELETE action
+func (alc *AuditLogController) LogDelete(c *gin.Context, entityType string, entityID uint, description string) error {
+	id := entityID
+	return alc.LogEntry(c, AuditActionDelete, entityType, &id, description, nil)
+}
+
+// LogLogin logs a login action
+func (alc *AuditLogController) LogLogin(c *gin.Context, userID uint, success bool) error {
+	id := userID
+	description := "User logged in successfully"
+	if !success {
+		description = "Failed login attempt"
+	}
+	return alc.LogEntry(c, AuditActionLogin, "User", &id, description, nil)
+}
+
+// LogLogout logs a logout action
+func (alc *AuditLogController) LogLogout(c *gin.Context, userID uint) error {
+	id := userID
+	return alc.LogEntry(c, AuditActionLogout, "User", &id, "User logged out", nil)
+}
+
+// GetAuditLogs retrieves audit logs with filtering and pagination (admin only)
+func (alc *AuditLogController) GetAuditLogs(c *gin.Context) {
+	query := alc.DB.Model(&models.AuditLog{}).Preload("User")
+
+	// Apply filters
+	query = QueryParser.BuildQueryChain(c, query).
+		WithSearch("action", "entity_type", "description").
+		WithDateRange("created_at").
+		Build()
+
+	// Filter by action
+	if action := c.Query("action"); action != "" {
+		query = query.Where("action = ?", action)
+	}
+
+	// Filter by entity type
+	if entityType := c.Query("entity_type"); entityType != "" {
+		query = query.Where("entity_type = ?", entityType)
+	}
+
+	// Filter by user ID
+	if userID := c.Query("user_id"); userID != "" {
+		query = query.Where("user_id = ?", userID)
+	}
+
+	// Apply sorting (default: newest first)
+	query = QueryParser.ApplySortFromContext(c, query, "created_at", "desc")
+
+	// Paginate
+	var logs []models.AuditLog
+	meta, err := Paginator.Paginate(c, query, &logs)
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve audit logs")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, logs, meta, "Audit logs retrieved successfully")
+}
+
+// GetAuditLogByID retrieves a single audit log by ID (admin only)
+func (alc *AuditLogController) GetAuditLogByID(c *gin.Context) {
+	id := c.Param("id")
+
+	var log models.AuditLog
+	if err := alc.DB.Preload("User").First(&log, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Audit log not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve audit log")
+		return
+	}
+
+	Respond.Success(c, log, "Audit log retrieved successfully")
+}
+
+// GetEntityAuditHistory retrieves audit history for a specific entity
+func (alc *AuditLogController) GetEntityAuditHistory(c *gin.Context) {
+	entityType := c.Param("entity_type")
+	entityID := c.Param("entity_id")
+
+	query := alc.DB.Model(&models.AuditLog{}).
+		Where("entity_type = ? AND entity_id = ?", entityType, entityID).
+		Preload("User").
+		Order("created_at DESC")
+
+	var logs []models.AuditLog
+	meta, err := Paginator.Paginate(c, query, &logs)
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve audit history")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, logs, meta, fmt.Sprintf("Audit history for %s #%s retrieved successfully", entityType, entityID))
+}
+
+// GetUserActivityLog retrieves activity log for a specific user
+func (alc *AuditLogController) GetUserActivityLog(c *gin.Context) {
+	userID := c.Param("user_id")
+
+	query := alc.DB.Model(&models.AuditLog{}).
+		Where("user_id = ?", userID).
+		Preload("User").
+		Order("created_at DESC")
+
+	var logs []models.AuditLog
+	meta, err := Paginator.Paginate(c, query, &logs)
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve user activity")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, logs, meta, "User activity log retrieved successfully")
+}
+
+// GetAuditStats returns audit statistics (admin only)
+func (alc *AuditLogController) GetAuditStats(c *gin.Context) {
+	var stats struct {
+		TotalLogs     int64                  `json:"total_logs"`
+		ActionCounts  map[string]int64       `json:"action_counts"`
+		EntityCounts  map[string]int64       `json:"entity_counts"`
+		RecentActions []models.AuditLog      `json:"recent_actions"`
+	}
+
+	// Total logs
+	alc.DB.Model(&models.AuditLog{}).Count(&stats.TotalLogs)
+
+	// Action counts
+	stats.ActionCounts = make(map[string]int64)
+	var actionCounts []struct {
+		Action string `json:"action"`
+		Count  int64  `json:"count"`
+	}
+	alc.DB.Model(&models.AuditLog{}).
+		Select("action, COUNT(*) as count").
+		Group("action").
+		Scan(&actionCounts)
+	for _, ac := range actionCounts {
+		stats.ActionCounts[ac.Action] = ac.Count
+	}
+
+	// Entity counts
+	stats.EntityCounts = make(map[string]int64)
+	var entityCounts []struct {
+		EntityType string `json:"entity_type"`
+		Count      int64  `json:"count"`
+	}
+	alc.DB.Model(&models.AuditLog{}).
+		Select("entity_type, COUNT(*) as count").
+		Where("entity_type IS NOT NULL AND entity_type != ''").
+		Group("entity_type").
+		Scan(&entityCounts)
+	for _, ec := range entityCounts {
+		stats.EntityCounts[ec.EntityType] = ec.Count
+	}
+
+	// Recent actions
+	alc.DB.Model(&models.AuditLog{}).
+		Preload("User").
+		Order("created_at DESC").
+		Limit(10).
+		Find(&stats.RecentActions)
+
+	c.JSON(http.StatusOK, stats)
+}
+
+// CleanupOldLogs deletes audit logs older than specified days (admin only)
+func (alc *AuditLogController) CleanupOldLogs(c *gin.Context) {
+	var req struct {
+		DaysOld int `json:"days_old" binding:"required,min=30"`
+	}
+
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: days_old must be at least 30")
+		return
+	}
+
+	cutoffDate := time.Now().AddDate(0, 0, -req.DaysOld)
+
+	result := alc.DB.Where("created_at < ?", cutoffDate).Delete(&models.AuditLog{})
+	if result.Error != nil {
+		logger.Error("Failed to cleanup old audit logs: %v", result.Error)
+		Respond.InternalError(c, "Failed to cleanup old audit logs")
+		return
+	}
+
+	logger.Info("Cleaned up %d audit logs older than %d days", result.RowsAffected, req.DaysOld)
+	Respond.Success(c, gin.H{
+		"deleted_count": result.RowsAffected,
+		"cutoff_date":   cutoffDate,
+	}, fmt.Sprintf("Successfully deleted %d audit logs older than %d days", result.RowsAffected, req.DaysOld))
+}
+
+// Global AuditLogController instance (needs to be initialized with DB)
+var AuditLogger *AuditLogController
+
+// InitAuditLogger initializes the global audit logger
+func InitAuditLogger(db *gorm.DB) {
+	AuditLogger = NewAuditLogController(db)
+}

internal/controllers/batch_operations_controller.go

@@ -0,0 +1,296 @@
+package controllers
+
+import (
+	"fmt"
+
+	"fotbal-club/pkg/logger"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// BatchOperationsController handles bulk operations
+type BatchOperationsController struct {
+	DB *gorm.DB
+}
+
+// NewBatchOperationsController creates a new BatchOperationsController instance
+func NewBatchOperationsController(db *gorm.DB) *BatchOperationsController {
+	return &BatchOperationsController{DB: db}
+}
+
+// BatchDeleteRequest represents a batch delete request
+type BatchDeleteRequest struct {
+	IDs []uint `json:"ids" binding:"required,min=1"`
+}
+
+// BatchUpdateRequest represents a batch update request
+type BatchUpdateRequest struct {
+	IDs    []uint                 `json:"ids" binding:"required,min=1"`
+	Fields map[string]interface{} `json:"fields" binding:"required"`
+}
+
+// BatchResult represents the result of a batch operation
+type BatchResult struct {
+	Success      bool   `json:"success"`
+	TotalItems   int    `json:"total_items"`
+	SuccessCount int    `json:"success_count"`
+	FailureCount int    `json:"failure_count"`
+	Errors       []string `json:"errors,omitempty"`
+}
+
+// BatchDelete performs a batch delete operation
+func (boc *BatchOperationsController) BatchDelete(c *gin.Context, model interface{}, tableName string) {
+	var req BatchDeleteRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: "+err.Error())
+		return
+	}
+
+	if len(req.IDs) == 0 {
+		Respond.BadRequest(c, "No IDs provided")
+		return
+	}
+
+	// Perform batch delete
+	result := boc.DB.Where("id IN ?", req.IDs).Delete(model)
+	if result.Error != nil {
+		logger.Error("Batch delete failed for %s: %v", tableName, result.Error)
+		Respond.InternalError(c, "Failed to perform batch delete")
+		return
+	}
+
+	batchResult := BatchResult{
+		Success:      true,
+		TotalItems:   len(req.IDs),
+		SuccessCount: int(result.RowsAffected),
+		FailureCount: len(req.IDs) - int(result.RowsAffected),
+	}
+
+	logger.Info("Batch deleted %d %s records", result.RowsAffected, tableName)
+	Respond.Success(c, batchResult, fmt.Sprintf("Successfully deleted %d items", result.RowsAffected))
+}
+
+// BatchUpdate performs a batch update operation
+func (boc *BatchOperationsController) BatchUpdate(c *gin.Context, model interface{}, tableName string, allowedFields []string) {
+	var req BatchUpdateRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: "+err.Error())
+		return
+	}
+
+	if len(req.IDs) == 0 {
+		Respond.BadRequest(c, "No IDs provided")
+		return
+	}
+
+	if len(req.Fields) == 0 {
+		Respond.BadRequest(c, "No fields to update")
+		return
+	}
+
+	// Validate fields
+	updates := make(map[string]interface{})
+	for field, value := range req.Fields {
+		allowed := false
+		for _, af := range allowedFields {
+			if field == af {
+				allowed = true
+				break
+			}
+		}
+		if !allowed {
+			Respond.BadRequest(c, fmt.Sprintf("Field '%s' is not allowed for batch update", field))
+			return
+		}
+		updates[field] = value
+	}
+
+	// Perform batch update
+	result := boc.DB.Model(model).Where("id IN ?", req.IDs).Updates(updates)
+	if result.Error != nil {
+		logger.Error("Batch update failed for %s: %v", tableName, result.Error)
+		Respond.InternalError(c, "Failed to perform batch update")
+		return
+	}
+
+	batchResult := BatchResult{
+		Success:      true,
+		TotalItems:   len(req.IDs),
+		SuccessCount: int(result.RowsAffected),
+		FailureCount: len(req.IDs) - int(result.RowsAffected),
+	}
+
+	logger.Info("Batch updated %d %s records", result.RowsAffected, tableName)
+	Respond.Success(c, batchResult, fmt.Sprintf("Successfully updated %d items", result.RowsAffected))
+}
+
+// BatchPublish publishes/unpublishes multiple items (for publishable entities)
+func (boc *BatchOperationsController) BatchPublish(c *gin.Context, model interface{}, tableName string, publish bool) {
+	var req BatchDeleteRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: "+err.Error())
+		return
+	}
+
+	if len(req.IDs) == 0 {
+		Respond.BadRequest(c, "No IDs provided")
+		return
+	}
+
+	// Update published status
+	result := boc.DB.Model(model).Where("id IN ?", req.IDs).Update("published", publish)
+	if result.Error != nil {
+		logger.Error("Batch publish failed for %s: %v", tableName, result.Error)
+		Respond.InternalError(c, "Failed to perform batch publish")
+		return
+	}
+
+	action := "published"
+	if !publish {
+		action = "unpublished"
+	}
+
+	batchResult := BatchResult{
+		Success:      true,
+		TotalItems:   len(req.IDs),
+		SuccessCount: int(result.RowsAffected),
+		FailureCount: len(req.IDs) - int(result.RowsAffected),
+	}
+
+	logger.Info("Batch %s %d %s records", action, result.RowsAffected, tableName)
+	Respond.Success(c, batchResult, fmt.Sprintf("Successfully %s %d items", action, result.RowsAffected))
+}
+
+// BatchArchive archives/unarchives multiple items (for archivable entities)
+func (boc *BatchOperationsController) BatchArchive(c *gin.Context, model interface{}, tableName string, archive bool) {
+	var req BatchDeleteRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: "+err.Error())
+		return
+	}
+
+	if len(req.IDs) == 0 {
+		Respond.BadRequest(c, "No IDs provided")
+		return
+	}
+
+	// Update archived status
+	result := boc.DB.Model(model).Where("id IN ?", req.IDs).Update("archived", archive)
+	if result.Error != nil {
+		logger.Error("Batch archive failed for %s: %v", tableName, result.Error)
+		Respond.InternalError(c, "Failed to perform batch archive")
+		return
+	}
+
+	action := "archived"
+	if !archive {
+		action = "unarchived"
+	}
+
+	batchResult := BatchResult{
+		Success:      true,
+		TotalItems:   len(req.IDs),
+		SuccessCount: int(result.RowsAffected),
+		FailureCount: len(req.IDs) - int(result.RowsAffected),
+	}
+
+	logger.Info("Batch %s %d %s records", action, result.RowsAffected, tableName)
+	Respond.Success(c, batchResult, fmt.Sprintf("Successfully %s %d items", action, result.RowsAffected))
+}
+
+// BatchReorder reorders items based on provided order
+func (boc *BatchOperationsController) BatchReorder(c *gin.Context, model interface{}, tableName string) {
+	var req struct {
+		Orders []struct {
+			ID    uint `json:"id" binding:"required"`
+			Order int  `json:"order" binding:"required"`
+		} `json:"orders" binding:"required,min=1"`
+	}
+
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: "+err.Error())
+		return
+	}
+
+	// Update order for each item
+	successCount := 0
+	errors := []string{}
+
+	for _, item := range req.Orders {
+		result := boc.DB.Model(model).Where("id = ?", item.ID).Update("display_order", item.Order)
+		if result.Error != nil {
+			errors = append(errors, fmt.Sprintf("Failed to update order for ID %d: %v", item.ID, result.Error))
+			continue
+		}
+		successCount++
+	}
+
+	batchResult := BatchResult{
+		Success:      len(errors) == 0,
+		TotalItems:   len(req.Orders),
+		SuccessCount: successCount,
+		FailureCount: len(errors),
+		Errors:       errors,
+	}
+
+	if len(errors) > 0 {
+		logger.Warn("Batch reorder partially failed for %s: %d successes, %d failures", tableName, successCount, len(errors))
+		Respond.Custom(c, 207, false, batchResult, "", "Batch reorder completed with errors") // 207 Multi-Status
+		return
+	}
+
+	logger.Info("Batch reordered %d %s records", successCount, tableName)
+	Respond.Success(c, batchResult, fmt.Sprintf("Successfully reordered %d items", successCount))
+}
+
+// BatchDuplicate duplicates multiple items
+func (boc *BatchOperationsController) BatchDuplicate(c *gin.Context, tableName string, duplicateFunc func(id uint) error) {
+	var req BatchDeleteRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid request: "+err.Error())
+		return
+	}
+
+	if len(req.IDs) == 0 {
+		Respond.BadRequest(c, "No IDs provided")
+		return
+	}
+
+	// Duplicate each item
+	successCount := 0
+	errors := []string{}
+
+	for _, id := range req.IDs {
+		if err := duplicateFunc(id); err != nil {
+			errors = append(errors, fmt.Sprintf("Failed to duplicate ID %d: %v", id, err))
+			continue
+		}
+		successCount++
+	}
+
+	batchResult := BatchResult{
+		Success:      len(errors) == 0,
+		TotalItems:   len(req.IDs),
+		SuccessCount: successCount,
+		FailureCount: len(errors),
+		Errors:       errors,
+	}
+
+	if len(errors) > 0 {
+		logger.Warn("Batch duplicate partially failed for %s: %d successes, %d failures", tableName, successCount, len(errors))
+		Respond.Custom(c, 207, false, batchResult, "", "Batch duplicate completed with errors")
+		return
+	}
+
+	logger.Info("Batch duplicated %d %s records", successCount, tableName)
+	Respond.Success(c, batchResult, fmt.Sprintf("Successfully duplicated %d items", successCount))
+}
+
+// Global BatchOperationsController instance (needs to be initialized with DB)
+var BatchOps *BatchOperationsController
+
+// InitBatchOperations initializes the global batch operations controller
+func InitBatchOperations(db *gorm.DB) {
+	BatchOps = NewBatchOperationsController(db)
+}

internal/controllers/example_usage_controller.go

@@ -0,0 +1,297 @@
+package controllers
+
+import (
+	"fotbal-club/internal/models"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// ExampleUsageController demonstrates how to use the new utility controllers
+type ExampleUsageController struct {
+	DB *gorm.DB
+}
+
+// NewExampleUsageController creates a new ExampleUsageController instance
+func NewExampleUsageController(db *gorm.DB) *ExampleUsageController {
+	return &ExampleUsageController{DB: db}
+}
+
+// ===== EXAMPLE 1: Simple List with Pagination =====
+// GET /api/v1/articles?page=1&page_size=20
+func (euc *ExampleUsageController) ListArticlesWithPagination(c *gin.Context) {
+	query := euc.DB.Model(&models.Article{}).Where("published = ?", true)
+
+	var articles []models.Article
+	meta, err := Paginator.Paginate(c, query, &articles)
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve articles")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, articles, meta, "Articles retrieved successfully")
+}
+
+// ===== EXAMPLE 2: List with Search, Sort, and Pagination =====
+// GET /api/v1/articles?search=football&sort=created_at:desc&page=1&page_size=20
+func (euc *ExampleUsageController) ListArticlesWithFilters(c *gin.Context) {
+	query := QueryParser.BuildQueryChain(c, euc.DB.Model(&models.Article{})).
+		WithSearch("title", "content").
+		WithSort("created_at", "desc").
+		Build()
+
+	var articles []models.Article
+	meta, err := Paginator.PaginateWithPreload(c, query, &articles, "Author", "Category")
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve articles")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, articles, meta, "Articles retrieved successfully")
+}
+
+// ===== EXAMPLE 3: Create with Validation =====
+func (euc *ExampleUsageController) CreateArticleWithValidation(c *gin.Context) {
+	var req struct {
+		Title   string `json:"title" validate:"required,min=3,max=200"`
+		Content string `json:"content" validate:"required,min=10"`
+		Slug    string `json:"slug" validate:"omitempty,slug"`
+	}
+
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid JSON: "+err.Error())
+		return
+	}
+
+	// Validate using our helper
+	if !Validator.ValidateAndRespond(c, req) {
+		return // Response already sent
+	}
+
+	// Sanitize inputs
+	req.Title = Validator.SanitizeString(req.Title)
+	req.Slug = Validator.SanitizeSlug(req.Slug)
+
+	article := models.Article{
+		Title:   req.Title,
+		Content: req.Content,
+		Slug:    req.Slug,
+	}
+
+	if err := euc.DB.Create(&article).Error; err != nil {
+		Respond.InternalError(c, "Failed to create article")
+		return
+	}
+
+	// Log the creation
+	if AuditLogger != nil {
+		_ = AuditLogger.LogCreate(c, "Article", article.ID, "Article created: "+article.Title)
+	}
+
+	Respond.Created(c, article, "Article created successfully")
+}
+
+// ===== EXAMPLE 4: Update with Audit Logging =====
+func (euc *ExampleUsageController) UpdateArticleWithAudit(c *gin.Context) {
+	id := c.Param("id")
+
+	var article models.Article
+	if err := euc.DB.First(&article, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Article not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve article")
+		return
+	}
+
+	// Store old values for audit
+	oldTitle := article.Title
+	oldPublished := article.Published
+
+	var req struct {
+		Title     string `json:"title" validate:"omitempty,min=3,max=200"`
+		Published *bool  `json:"published"`
+	}
+
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid JSON: "+err.Error())
+		return
+	}
+
+	if !Validator.ValidateAndRespond(c, req) {
+		return
+	}
+
+	// Apply updates
+	if req.Title != "" {
+		article.Title = Validator.SanitizeString(req.Title)
+	}
+	if req.Published != nil {
+		article.Published = *req.Published
+	}
+
+	if err := euc.DB.Save(&article).Error; err != nil {
+		Respond.InternalError(c, "Failed to update article")
+		return
+	}
+
+	// Log the update with changes
+	if AuditLogger != nil {
+		before := map[string]interface{}{
+			"title":     oldTitle,
+			"published": oldPublished,
+		}
+		after := map[string]interface{}{
+			"title":     article.Title,
+			"published": article.Published,
+		}
+		_ = AuditLogger.LogUpdate(c, "Article", article.ID, "Article updated", before, after)
+	}
+
+	Respond.Success(c, article, "Article updated successfully")
+}
+
+// ===== EXAMPLE 5: Batch Delete =====
+// POST /api/v1/articles/batch-delete
+// Body: {"ids": [1, 2, 3]}
+func (euc *ExampleUsageController) BatchDeleteArticles(c *gin.Context) {
+	if BatchOps == nil {
+		BatchOps = NewBatchOperationsController(euc.DB)
+	}
+	BatchOps.BatchDelete(c, &models.Article{}, "articles")
+}
+
+// ===== EXAMPLE 6: Advanced Filtering =====
+// GET /api/v1/articles?published=true&category_ids=1,2,3&from=2024-01-01&to=2024-12-31
+func (euc *ExampleUsageController) ListArticlesAdvanced(c *gin.Context) {
+	query := QueryParser.BuildQueryChain(c, euc.DB.Model(&models.Article{})).
+		WithSearch("title", "content").
+		WithSort("created_at", "desc").
+		WithBoolFilter("published", "published").
+		WithBoolFilter("featured", "featured").
+		WithIDsFilter("category_ids", "category_id").
+		WithDateRange("created_at").
+		Build()
+
+	var articles []models.Article
+	meta, err := Paginator.PaginateWithPreload(c, query, &articles, "Author", "Category")
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve articles")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, articles, meta, "Articles retrieved successfully")
+}
+
+// ===== EXAMPLE 7: Batch Publish/Unpublish =====
+// POST /api/v1/articles/batch-publish
+// Body: {"ids": [1, 2, 3]}
+func (euc *ExampleUsageController) BatchPublishArticles(c *gin.Context) {
+	if BatchOps == nil {
+		BatchOps = NewBatchOperationsController(euc.DB)
+	}
+	BatchOps.BatchPublish(c, &models.Article{}, "articles", true)
+}
+
+func (euc *ExampleUsageController) BatchUnpublishArticles(c *gin.Context) {
+	if BatchOps == nil {
+		BatchOps = NewBatchOperationsController(euc.DB)
+	}
+	BatchOps.BatchPublish(c, &models.Article{}, "articles", false)
+}
+
+// ===== EXAMPLE 8: Get Entity with Standard Response =====
+func (euc *ExampleUsageController) GetArticle(c *gin.Context) {
+	id := c.Param("id")
+
+	var article models.Article
+	if err := euc.DB.Preload("Author").Preload("Category").First(&article, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Article not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve article")
+		return
+	}
+
+	Respond.Success(c, article, "Article retrieved successfully")
+}
+
+// ===== EXAMPLE 9: Delete with Audit =====
+func (euc *ExampleUsageController) DeleteArticleWithAudit(c *gin.Context) {
+	id := c.Param("id")
+
+	var article models.Article
+	if err := euc.DB.First(&article, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Article not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve article")
+		return
+	}
+
+	title := article.Title
+	articleID := article.ID
+
+	if err := euc.DB.Delete(&article).Error; err != nil {
+		Respond.InternalError(c, "Failed to delete article")
+		return
+	}
+
+	// Log the deletion
+	if AuditLogger != nil {
+		_ = AuditLogger.LogDelete(c, "Article", articleID, "Article deleted: "+title)
+	}
+
+	Respond.NoContent(c)
+}
+
+// ===== EXAMPLE 10: Complex Query with Multiple Filters =====
+func (euc *ExampleUsageController) SearchArticlesComplex(c *gin.Context) {
+	// Start with base query
+	query := euc.DB.Model(&models.Article{})
+
+	// Get search term
+	searchTerm := QueryParser.GetSearchQuery(c)
+	if searchTerm != "" {
+		query = QueryParser.ApplySearch(query, searchTerm, "title", "content", "seo_description")
+	}
+
+	// Apply boolean filters
+	if published := QueryParser.GetBoolQuery(c, "published"); published != nil {
+		query = query.Where("published = ?", *published)
+	}
+
+	if featured := QueryParser.GetBoolQuery(c, "featured"); featured != nil {
+		query = query.Where("featured = ?", *featured)
+	}
+
+	// Apply category filter
+	if categoryID := c.Query("category_id"); categoryID != "" {
+		query = query.Where("category_id = ?", categoryID)
+	}
+
+	// Apply date range
+	from, to := QueryParser.GetDateRange(c)
+	if from != "" {
+		query = query.Where("created_at >= ?", from)
+	}
+	if to != "" {
+		query = query.Where("created_at <= ?", to)
+	}
+
+	// Apply sorting
+	query = QueryParser.ApplySortFromContext(c, query, "created_at", "desc")
+
+	// Execute with pagination
+	var articles []models.Article
+	meta, err := Paginator.PaginateWithPreload(c, query, &articles, "Author", "Category")
+	if err != nil {
+		Respond.InternalError(c, "Failed to search articles")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, articles, meta, "Search completed successfully")
+}

internal/controllers/export_helper.go

@@ -0,0 +1,137 @@
+package controllers
+
+import (
+	"encoding/csv"
+	"encoding/json"
+	"fmt"
+	"reflect"
+	"strconv"
+	"time"
+
+	"github.com/gin-gonic/gin"
+)
+
+// ExportHelper provides export utilities for CSV, JSON, etc.
+type ExportHelper struct{}
+
+// NewExportHelper creates a new ExportHelper instance
+func NewExportHelper() *ExportHelper {
+	return &ExportHelper{}
+}
+
+// ExportToCSV exports data to CSV format
+func (eh *ExportHelper) ExportToCSV(c *gin.Context, data interface{}, filename string, headers []string) error {
+	c.Header("Content-Type", "text/csv")
+	c.Header("Content-Disposition", fmt.Sprintf("attachment; filename=%s", filename))
+
+	writer := csv.NewWriter(c.Writer)
+	defer writer.Flush()
+
+	// Write headers
+	if err := writer.Write(headers); err != nil {
+		return err
+	}
+
+	// Convert data to slice of records
+	records, err := eh.convertToCSVRecords(data)
+	if err != nil {
+		return err
+	}
+
+	// Write records
+	for _, record := range records {
+		if err := writer.Write(record); err != nil {
+			return err
+		}
+	}
+
+	return nil
+}
+
+// ExportToJSON exports data to JSON format
+func (eh *ExportHelper) ExportToJSON(c *gin.Context, data interface{}, filename string) error {
+	c.Header("Content-Type", "application/json")
+	c.Header("Content-Disposition", fmt.Sprintf("attachment; filename=%s", filename))
+
+	return json.NewEncoder(c.Writer).Encode(data)
+}
+
+// convertToCSVRecords converts a slice of structs to CSV records
+func (eh *ExportHelper) convertToCSVRecords(data interface{}) ([][]string, error) {
+	v := reflect.ValueOf(data)
+	if v.Kind() != reflect.Slice {
+		return nil, fmt.Errorf("data must be a slice")
+	}
+
+	records := make([][]string, 0, v.Len())
+
+	for i := 0; i < v.Len(); i++ {
+		item := v.Index(i)
+		if item.Kind() == reflect.Ptr {
+			item = item.Elem()
+		}
+
+		record := make([]string, 0, item.NumField())
+		for j := 0; j < item.NumField(); j++ {
+			field := item.Field(j)
+			record = append(record, eh.formatFieldValue(field))
+		}
+		records = append(records, record)
+	}
+
+	return records, nil
+}
+
+// formatFieldValue formats a field value for CSV export
+func (eh *ExportHelper) formatFieldValue(v reflect.Value) string {
+	switch v.Kind() {
+	case reflect.String:
+		return v.String()
+	case reflect.Int, reflect.Int8, reflect.Int16, reflect.Int32, reflect.Int64:
+		return strconv.FormatInt(v.Int(), 10)
+	case reflect.Uint, reflect.Uint8, reflect.Uint16, reflect.Uint32, reflect.Uint64:
+		return strconv.FormatUint(v.Uint(), 10)
+	case reflect.Float32, reflect.Float64:
+		return strconv.FormatFloat(v.Float(), 'f', -1, 64)
+	case reflect.Bool:
+		return strconv.FormatBool(v.Bool())
+	case reflect.Struct:
+		// Handle time.Time
+		if t, ok := v.Interface().(time.Time); ok {
+			return t.Format(time.RFC3339)
+		}
+		return fmt.Sprintf("%v", v.Interface())
+	case reflect.Ptr:
+		if v.IsNil() {
+			return ""
+		}
+		return eh.formatFieldValue(v.Elem())
+	default:
+		return fmt.Sprintf("%v", v.Interface())
+	}
+}
+
+// ImportFromCSV imports data from CSV file
+func (eh *ExportHelper) ImportFromCSV(c *gin.Context, formFieldName string) ([][]string, error) {
+	file, err := c.FormFile(formFieldName)
+	if err != nil {
+		return nil, err
+	}
+
+	f, err := file.Open()
+	if err != nil {
+		return nil, err
+	}
+	defer f.Close()
+
+	reader := csv.NewReader(f)
+	records, err := reader.ReadAll()
+	if err != nil {
+		return nil, err
+	}
+
+	return records, nil
+}
+
+// Global ExportHelper instance
+var Exporter = NewExportHelper()

internal/controllers/pagination_helper.go

@@ -0,0 +1,121 @@
+package controllers
+
+import (
+	"math"
+	"strconv"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// PaginationHelper provides pagination utilities
+type PaginationHelper struct{}
+
+// PaginationParams represents pagination parameters
+type PaginationParams struct {
+	Page     int `json:"page"`
+	PageSize int `json:"page_size"`
+	Offset   int `json:"-"`
+}
+
+// PaginationMeta represents pagination metadata
+type PaginationMeta struct {
+	Page       int   `json:"page"`
+	PageSize   int   `json:"page_size"`
+	Total      int64 `json:"total"`
+	TotalPages int   `json:"total_pages"`
+	HasNext    bool  `json:"has_next"`
+	HasPrev    bool  `json:"has_prev"`
+}
+
+// NewPaginationHelper creates a new PaginationHelper instance
+func NewPaginationHelper() *PaginationHelper {
+	return &PaginationHelper{}
+}
+
+// GetPaginationParams extracts pagination parameters from the request
+// Defaults: page=1, pageSize=20
+func (ph *PaginationHelper) GetPaginationParams(c *gin.Context) PaginationParams {
+	page, _ := strconv.Atoi(c.DefaultQuery("page", "1"))
+	pageSize, _ := strconv.Atoi(c.DefaultQuery("page_size", "20"))
+
+	// Validate and constrain values
+	if page < 1 {
+		page = 1
+	}
+	if pageSize < 1 {
+		pageSize = 20
+	}
+	if pageSize > 100 {
+		pageSize = 100 // Max page size to prevent abuse
+	}
+
+	offset := (page - 1) * pageSize
+
+	return PaginationParams{
+		Page:     page,
+		PageSize: pageSize,
+		Offset:   offset,
+	}
+}
+
+// BuildPaginationMeta creates pagination metadata
+func (ph *PaginationHelper) BuildPaginationMeta(params PaginationParams, total int64) PaginationMeta {
+	totalPages := int(math.Ceil(float64(total) / float64(params.PageSize)))
+	
+	return PaginationMeta{
+		Page:       params.Page,
+		PageSize:   params.PageSize,
+		Total:      total,
+		TotalPages: totalPages,
+		HasNext:    params.Page < totalPages,
+		HasPrev:    params.Page > 1,
+	}
+}
+
+// Paginate applies pagination to a GORM query and returns the paginated results with metadata
+func (ph *PaginationHelper) Paginate(c *gin.Context, db *gorm.DB, dest interface{}) (PaginationMeta, error) {
+	params := ph.GetPaginationParams(c)
+	
+	// Count total records
+	var total int64
+	if err := db.Count(&total).Error; err != nil {
+		return PaginationMeta{}, err
+	}
+	
+	// Apply pagination
+	if err := db.Offset(params.Offset).Limit(params.PageSize).Find(dest).Error; err != nil {
+		return PaginationMeta{}, err
+	}
+	
+	meta := ph.BuildPaginationMeta(params, total)
+	return meta, nil
+}
+
+// PaginateWithPreload applies pagination with preloading associations
+func (ph *PaginationHelper) PaginateWithPreload(c *gin.Context, db *gorm.DB, dest interface{}, preloads ...string) (PaginationMeta, error) {
+	params := ph.GetPaginationParams(c)
+	
+	// Count total records (without preload)
+	var total int64
+	if err := db.Count(&total).Error; err != nil {
+		return PaginationMeta{}, err
+	}
+	
+	// Apply preloads
+	query := db
+	for _, preload := range preloads {
+		query = query.Preload(preload)
+	}
+	
+	// Apply pagination
+	if err := query.Offset(params.Offset).Limit(params.PageSize).Find(dest).Error; err != nil {
+		return PaginationMeta{}, err
+	}
+	
+	meta := ph.BuildPaginationMeta(params, total)
+	return meta, nil
+}
+
+// Global PaginationHelper instance for convenience
+var Paginator = NewPaginationHelper()

internal/controllers/poll_controller_refactored.go

@@ -0,0 +1,425 @@
+package controllers
+
+import (
+	"fotbal-club/internal/models"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// PollControllerRefactored demonstrates refactored poll controller using utility helpers
+// This is an example showing how to use the new utilities
+type PollControllerRefactored struct {
+	DB *gorm.DB
+}
+
+// NewPollControllerRefactored creates a new refactored poll controller
+func NewPollControllerRefactored(db *gorm.DB) *PollControllerRefactored {
+	return &PollControllerRefactored{DB: db}
+}
+
+// GetPolls returns paginated list of polls with filtering and search
+// GET /api/v1/polls?search=election&active=true&sort=created_at:desc&page=1&page_size=20
+func (pcr *PollControllerRefactored) GetPolls(c *gin.Context) {
+	// Build query with search, filter, and sort
+	query := QueryParser.BuildQueryChain(c, pcr.DB.Model(&models.Poll{})).
+		WithSearch("title", "description").
+		WithSort("created_at", "desc").
+		WithBoolFilter("active", "active").
+		Build()
+
+	// Paginate and preload relationships
+	var polls []models.Poll
+	meta, err := Paginator.PaginateWithPreload(c, query, &polls, "Options")
+	if err != nil {
+		Respond.InternalError(c, "Failed to retrieve polls")
+		return
+	}
+
+	Respond.SuccessWithMeta(c, polls, meta, "Polls retrieved successfully")
+}
+
+// GetPoll returns a single poll by ID
+// GET /api/v1/polls/:id
+func (pcr *PollControllerRefactored) GetPoll(c *gin.Context) {
+	id := c.Param("id")
+
+	var poll models.Poll
+	if err := pcr.DB.Preload("Options").First(&poll, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Poll not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve poll")
+		return
+	}
+
+	Respond.Success(c, poll, "Poll retrieved successfully")
+}
+
+// CreatePoll creates a new poll with validation
+// POST /api/v1/polls
+func (pcr *PollControllerRefactored) CreatePoll(c *gin.Context) {
+	type CreatePollRequest struct {
+		Title       string   `json:"title" validate:"required,min=3,max=200"`
+		Description string   `json:"description" validate:"omitempty,max=500"`
+		Active      *bool    `json:"active"`
+		MultiChoice *bool    `json:"multi_choice"`
+		Options     []string `json:"options" validate:"required,min=2"`
+	}
+
+	var req CreatePollRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid JSON: "+err.Error())
+		return
+	}
+
+	// Validate request
+	if !Validator.ValidateAndRespond(c, req) {
+		return
+	}
+
+	// Sanitize inputs
+	req.Title = Validator.SanitizeString(req.Title)
+	req.Description = Validator.SanitizeString(req.Description)
+
+	// Set defaults
+	active := true
+	if req.Active != nil {
+		active = *req.Active
+	}
+	multiChoice := false
+	if req.MultiChoice != nil {
+		multiChoice = *req.MultiChoice
+	}
+
+	status := "draft"
+	if active {
+		status = "active"
+	}
+
+	maxChoices := 1
+	if multiChoice {
+		maxChoices = len(req.Options)
+		if maxChoices == 0 {
+			maxChoices = 1
+		}
+	}
+
+	// Create poll
+	poll := models.Poll{
+		Title:         req.Title,
+		Description:   req.Description,
+		Status:        status,
+		AllowMultiple: multiChoice,
+		MaxChoices:    maxChoices,
+	}
+
+	if err := pcr.DB.Create(&poll).Error; err != nil {
+		Respond.InternalError(c, "Failed to create poll")
+		return
+	}
+
+	// Create options
+	for _, optionText := range req.Options {
+		option := models.PollOption{
+			PollID: poll.ID,
+			Text:   Validator.SanitizeString(optionText),
+		}
+		if err := pcr.DB.Create(&option).Error; err != nil {
+			Respond.InternalError(c, "Failed to create poll option")
+			return
+		}
+	}
+
+	// Reload with options
+	pcr.DB.Preload("Options").First(&poll, poll.ID)
+
+	// Log creation
+	if AuditLogger != nil {
+		_ = AuditLogger.LogCreate(c, "Poll", poll.ID, "Poll created: "+poll.Title)
+	}
+
+	Respond.Created(c, poll, "Poll created successfully")
+}
+
+// UpdatePoll updates an existing poll
+// PUT /api/v1/polls/:id
+func (pcr *PollControllerRefactored) UpdatePoll(c *gin.Context) {
+	id := c.Param("id")
+
+	var poll models.Poll
+	if err := pcr.DB.First(&poll, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Poll not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve poll")
+		return
+	}
+
+	// Store old values for audit
+	oldTitle := poll.Title
+	oldStatus := poll.Status
+
+	type UpdatePollRequest struct {
+		Title       string `json:"title" validate:"omitempty,min=3,max=200"`
+		Description string `json:"description" validate:"omitempty,max=500"`
+		Active      *bool  `json:"active"`
+		MultiChoice *bool  `json:"multi_choice"`
+	}
+
+	var req UpdatePollRequest
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid JSON: "+err.Error())
+		return
+	}
+
+	if !Validator.ValidateAndRespond(c, req) {
+		return
+	}
+
+	// Apply updates
+	if req.Title != "" {
+		poll.Title = Validator.SanitizeString(req.Title)
+	}
+	if req.Description != "" {
+		poll.Description = Validator.SanitizeString(req.Description)
+	}
+	if req.Active != nil {
+		if *req.Active {
+			poll.Status = "active"
+		} else {
+			poll.Status = "draft"
+		}
+	}
+	if req.MultiChoice != nil {
+		poll.AllowMultiple = *req.MultiChoice
+		if poll.AllowMultiple && poll.MaxChoices < 1 {
+			poll.MaxChoices = len(poll.Options)
+			if poll.MaxChoices == 0 {
+				poll.MaxChoices = 1
+			}
+		}
+		if !poll.AllowMultiple {
+			poll.MaxChoices = 1
+		}
+	}
+
+	if err := pcr.DB.Save(&poll).Error; err != nil {
+		Respond.InternalError(c, "Failed to update poll")
+		return
+	}
+
+	// Log update
+	if AuditLogger != nil {
+		before := map[string]interface{}{
+			"title":  oldTitle,
+			"status": oldStatus,
+		}
+		after := map[string]interface{}{
+			"title":  poll.Title,
+			"status": poll.Status,
+		}
+		_ = AuditLogger.LogUpdate(c, "Poll", poll.ID, "Poll updated", before, after)
+	}
+
+	Respond.Success(c, poll, "Poll updated successfully")
+}
+
+// DeletePoll deletes a poll
+// DELETE /api/v1/polls/:id
+func (pcr *PollControllerRefactored) DeletePoll(c *gin.Context) {
+	id := c.Param("id")
+
+	var poll models.Poll
+	if err := pcr.DB.First(&poll, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Poll not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve poll")
+		return
+	}
+
+	title := poll.Title
+	pollID := poll.ID
+
+	// Delete associated options first
+	if err := pcr.DB.Where("poll_id = ?", poll.ID).Delete(&models.PollOption{}).Error; err != nil {
+		Respond.InternalError(c, "Failed to delete poll options")
+		return
+	}
+
+	// Delete poll
+	if err := pcr.DB.Delete(&poll).Error; err != nil {
+		Respond.InternalError(c, "Failed to delete poll")
+		return
+	}
+
+	// Log deletion
+	if AuditLogger != nil {
+		_ = AuditLogger.LogDelete(c, "Poll", pollID, "Poll deleted: "+title)
+	}
+
+	Respond.NoContent(c)
+}
+
+// BatchDeletePolls deletes multiple polls
+// POST /api/v1/polls/batch-delete
+// Body: {"ids": [1, 2, 3]}
+func (pcr *PollControllerRefactored) BatchDeletePolls(c *gin.Context) {
+	if BatchOps == nil {
+		BatchOps = NewBatchOperationsController(pcr.DB)
+	}
+	BatchOps.BatchDelete(c, &models.Poll{}, "polls")
+}
+
+// BatchActivatePolls activates multiple polls
+// POST /api/v1/polls/batch-activate
+// Body: {"ids": [1, 2, 3]}
+func (pcr *PollControllerRefactored) BatchActivatePolls(c *gin.Context) {
+	if BatchOps == nil {
+		BatchOps = NewBatchOperationsController(pcr.DB)
+	}
+	BatchOps.BatchUpdate(c, &models.Poll{}, "polls", []string{"active"})
+}
+
+// VotePoll records a vote on a poll
+// POST /api/v1/polls/:id/vote
+// Body: {"option_id": 1} or {"option_ids": [1, 2]} for multi-choice
+func (pcr *PollControllerRefactored) VotePoll(c *gin.Context) {
+	id := c.Param("id")
+
+	var poll models.Poll
+	if err := pcr.DB.Preload("Options").First(&poll, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Poll not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve poll")
+		return
+	}
+
+	if !poll.IsActive() {
+		Respond.BadRequest(c, "This poll is not active")
+		return
+	}
+
+	var req struct {
+		OptionID  *uint  `json:"option_id"`
+		OptionIDs []uint `json:"option_ids"`
+	}
+
+	if err := c.ShouldBindJSON(&req); err != nil {
+		Respond.BadRequest(c, "Invalid JSON: "+err.Error())
+		return
+	}
+
+	// Determine which options to vote for
+	var optionIDs []uint
+	if req.OptionID != nil {
+		optionIDs = []uint{*req.OptionID}
+	} else if len(req.OptionIDs) > 0 {
+		optionIDs = req.OptionIDs
+	} else {
+		Respond.BadRequest(c, "No option selected")
+		return
+	}
+
+	// Validate multi-choice
+	if !poll.AllowMultiple && len(optionIDs) > 1 {
+		Respond.BadRequest(c, "This poll does not allow multiple choices")
+		return
+	}
+
+	if poll.AllowMultiple && poll.MaxChoices > 0 && len(optionIDs) > poll.MaxChoices {
+		Respond.BadRequest(c, "You have selected too many options")
+		return
+	}
+
+	// Get user ID (if authenticated)
+	var userID *uint
+	if user, exists := c.Get("user"); exists {
+		if u, ok := user.(*models.User); ok && u != nil {
+			userID = &u.ID
+		}
+	}
+
+	// Check if already voted (if user is authenticated)
+	if userID != nil {
+		var existingVote models.PollVote
+		if err := pcr.DB.Where("poll_id = ? AND user_id = ?", poll.ID, userID).First(&existingVote).Error; err == nil {
+			Respond.Conflict(c, "You have already voted on this poll")
+			return
+		}
+	}
+
+	// Record votes
+	for _, optionID := range optionIDs {
+		vote := models.PollVote{
+			PollID:   poll.ID,
+			OptionID: optionID,
+			UserID:   userID,
+		}
+		if err := pcr.DB.Create(&vote).Error; err != nil {
+			Respond.InternalError(c, "Failed to record vote")
+			return
+		}
+	}
+
+	// Log vote
+	if AuditLogger != nil {
+		_ = AuditLogger.LogEntry(c, "VOTE", "Poll", &poll.ID, "Vote recorded on poll: "+poll.Title, nil)
+	}
+
+	Respond.Success(c, gin.H{"voted": true}, "Vote recorded successfully")
+}
+
+// GetPollResults returns poll results
+// GET /api/v1/polls/:id/results
+func (pcr *PollControllerRefactored) GetPollResults(c *gin.Context) {
+	id := c.Param("id")
+
+	var poll models.Poll
+	if err := pcr.DB.Preload("Options").First(&poll, id).Error; err != nil {
+		if err == gorm.ErrRecordNotFound {
+			Respond.NotFound(c, "Poll not found")
+			return
+		}
+		Respond.InternalError(c, "Failed to retrieve poll")
+		return
+	}
+
+	// Count votes for each option
+	type OptionResult struct {
+		OptionID   uint   `json:"option_id"`
+		OptionText string `json:"option_text"`
+		VoteCount  int64  `json:"vote_count"`
+	}
+
+	results := make([]OptionResult, 0, len(poll.Options))
+	var totalVotes int64
+
+	for _, option := range poll.Options {
+		var count int64
+		pcr.DB.Model(&models.PollVote{}).Where("option_id = ?", option.ID).Count(&count)
+		
+		results = append(results, OptionResult{
+			OptionID:   option.ID,
+			OptionText: option.Text,
+			VoteCount:  count,
+		})
+		
+		totalVotes += count
+	}
+
+	response := gin.H{
+		"poll_id":     poll.ID,
+		"poll_title":  poll.Title,
+		"total_votes": totalVotes,
+		"results":     results,
+	}
+
+	Respond.Success(c, response, "Poll results retrieved successfully")
+}

internal/controllers/query_helper.go

@@ -0,0 +1,237 @@
+package controllers
+
+import (
+	"fmt"
+	"strings"
+
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+// QueryHelper provides query parameter parsing and filtering utilities
+type QueryHelper struct{}
+
+// SortParams represents sorting parameters
+type SortParams struct {
+	Field string
+	Order string // "asc" or "desc"
+}
+
+// FilterParams represents generic filter parameters
+type FilterParams map[string]interface{}
+
+// NewQueryHelper creates a new QueryHelper instance
+func NewQueryHelper() *QueryHelper {
+	return &QueryHelper{}
+}
+
+// GetSortParams extracts sort parameters from the request
+// Expects: ?sort=field:order (e.g., ?sort=created_at:desc)
+func (qh *QueryHelper) GetSortParams(c *gin.Context, defaultField, defaultOrder string) SortParams {
+	sortQuery := c.Query("sort")
+	if sortQuery == "" {
+		return SortParams{
+			Field: defaultField,
+			Order: defaultOrder,
+		}
+	}
+
+	parts := strings.Split(sortQuery, ":")
+	field := parts[0]
+	order := defaultOrder
+
+	if len(parts) > 1 {
+		order = strings.ToLower(parts[1])
+		if order != "asc" && order != "desc" {
+			order = defaultOrder
+		}
+	}
+
+	return SortParams{
+		Field: field,
+		Order: order,
+	}
+}
+
+// ApplySort applies sorting to a GORM query
+func (qh *QueryHelper) ApplySort(db *gorm.DB, params SortParams) *gorm.DB {
+	if params.Field != "" {
+		return db.Order(params.Field + " " + params.Order)
+	}
+	return db
+}
+
+// ApplySortFromContext extracts sort params from context and applies them
+func (qh *QueryHelper) ApplySortFromContext(c *gin.Context, db *gorm.DB, defaultField, defaultOrder string) *gorm.DB {
+	params := qh.GetSortParams(c, defaultField, defaultOrder)
+	return qh.ApplySort(db, params)
+}
+
+// GetSearchQuery extracts search query from request
+// Expects: ?search=term or ?q=term
+func (qh *QueryHelper) GetSearchQuery(c *gin.Context) string {
+	search := c.Query("search")
+	if search == "" {
+		search = c.Query("q")
+	}
+	return strings.TrimSpace(search)
+}
+
+// ApplySearch applies search to specified fields using LIKE
+func (qh *QueryHelper) ApplySearch(db *gorm.DB, searchTerm string, fields ...string) *gorm.DB {
+	if searchTerm == "" || len(fields) == 0 {
+		return db
+	}
+
+	searchPattern := "%" + searchTerm + "%"
+	query := db
+
+	// Build OR conditions for each field
+	for i, field := range fields {
+		if i == 0 {
+			query = query.Where(field+" LIKE ?", searchPattern)
+		} else {
+			query = query.Or(field+" LIKE ?", searchPattern)
+		}
+	}
+
+	return query
+}
+
+// ApplySearchFromContext extracts search query and applies it
+func (qh *QueryHelper) ApplySearchFromContext(c *gin.Context, db *gorm.DB, fields ...string) *gorm.DB {
+	searchTerm := qh.GetSearchQuery(c)
+	return qh.ApplySearch(db, searchTerm, fields...)
+}
+
+// GetBoolQuery extracts a boolean query parameter
+func (qh *QueryHelper) GetBoolQuery(c *gin.Context, key string) *bool {
+	value := c.Query(key)
+	if value == "" {
+		return nil
+	}
+
+	boolValue := strings.ToLower(value) == "true" || value == "1"
+	return &boolValue
+}
+
+// ApplyBoolFilter applies a boolean filter if the parameter exists
+func (qh *QueryHelper) ApplyBoolFilter(db *gorm.DB, c *gin.Context, paramKey, dbField string) *gorm.DB {
+	value := qh.GetBoolQuery(c, paramKey)
+	if value != nil {
+		return db.Where(dbField+" = ?", *value)
+	}
+	return db
+}
+
+// GetIDsFromQuery extracts comma-separated IDs from query parameter
+// Expects: ?ids=1,2,3,4
+func (qh *QueryHelper) GetIDsFromQuery(c *gin.Context, key string) []uint {
+	idsStr := c.Query(key)
+	if idsStr == "" {
+		return nil
+	}
+
+	parts := strings.Split(idsStr, ",")
+	ids := make([]uint, 0, len(parts))
+
+	for _, part := range parts {
+		part = strings.TrimSpace(part)
+		if part == "" {
+			continue
+		}
+		
+		// Parse as uint
+		var id uint
+		if _, err := fmt.Sscanf(part, "%d", &id); err == nil {
+			ids = append(ids, id)
+		}
+	}
+
+	return ids
+}
+
+// ApplyIDsFilter applies IN filter for IDs
+func (qh *QueryHelper) ApplyIDsFilter(db *gorm.DB, c *gin.Context, paramKey, dbField string) *gorm.DB {
+	ids := qh.GetIDsFromQuery(c, paramKey)
+	if len(ids) > 0 {
+		return db.Where(dbField+" IN ?", ids)
+	}
+	return db
+}
+
+// GetDateRange extracts date range from query parameters
+// Expects: ?from=2024-01-01&to=2024-12-31
+func (qh *QueryHelper) GetDateRange(c *gin.Context) (from, to string) {
+	from = c.Query("from")
+	to = c.Query("to")
+	return
+}
+
+// ApplyDateRangeFilter applies date range filter
+func (qh *QueryHelper) ApplyDateRangeFilter(db *gorm.DB, c *gin.Context, dbField string) *gorm.DB {
+	from, to := qh.GetDateRange(c)
+	
+	if from != "" {
+		db = db.Where(dbField+" >= ?", from)
+	}
+	if to != "" {
+		db = db.Where(dbField+" <= ?", to)
+	}
+	
+	return db
+}
+
+// BuildQueryChain combines multiple query operations
+func (qh *QueryHelper) BuildQueryChain(c *gin.Context, db *gorm.DB) *QueryChainBuilder {
+	return &QueryChainBuilder{
+		ctx:   c,
+		query: db,
+		qh:    qh,
+	}
+}
+
+// QueryChainBuilder provides a fluent interface for building queries
+type QueryChainBuilder struct {
+	ctx   *gin.Context
+	query *gorm.DB
+	qh    *QueryHelper
+}
+
+// WithSort adds sorting
+func (qcb *QueryChainBuilder) WithSort(defaultField, defaultOrder string) *QueryChainBuilder {
+	qcb.query = qcb.qh.ApplySortFromContext(qcb.ctx, qcb.query, defaultField, defaultOrder)
+	return qcb
+}
+
+// WithSearch adds search across fields
+func (qcb *QueryChainBuilder) WithSearch(fields ...string) *QueryChainBuilder {
+	qcb.query = qcb.qh.ApplySearchFromContext(qcb.ctx, qcb.query, fields...)
+	return qcb
+}
+
+// WithBoolFilter adds a boolean filter
+func (qcb *QueryChainBuilder) WithBoolFilter(paramKey, dbField string) *QueryChainBuilder {
+	qcb.query = qcb.qh.ApplyBoolFilter(qcb.query, qcb.ctx, paramKey, dbField)
+	return qcb
+}
+
+// WithIDsFilter adds an IDs filter
+func (qcb *QueryChainBuilder) WithIDsFilter(paramKey, dbField string) *QueryChainBuilder {
+	qcb.query = qcb.qh.ApplyIDsFilter(qcb.query, qcb.ctx, paramKey, dbField)
+	return qcb
+}
+
+// WithDateRange adds date range filter
+func (qcb *QueryChainBuilder) WithDateRange(dbField string) *QueryChainBuilder {
+	qcb.query = qcb.qh.ApplyDateRangeFilter(qcb.query, qcb.ctx, dbField)
+	return qcb
+}
+
+// Build returns the final query
+func (qcb *QueryChainBuilder) Build() *gorm.DB {
+	return qcb.query
+}
+
+// Global QueryHelper instance for convenience
+var QueryParser = NewQueryHelper()

internal/controllers/response_helper.go

@@ -0,0 +1,132 @@
+package controllers
+
+import (
+	"net/http"
+
+	"github.com/gin-gonic/gin"
+)
+
+// ResponseHelper provides standardized API response methods
+type ResponseHelper struct{}
+
+// Response represents a standard API response
+type Response struct {
+	Success bool        `json:"success"`
+	Message string      `json:"message,omitempty"`
+	Data    interface{} `json:"data,omitempty"`
+	Error   string      `json:"error,omitempty"`
+	Meta    interface{} `json:"meta,omitempty"`
+}
+
+// NewResponseHelper creates a new ResponseHelper instance
+func NewResponseHelper() *ResponseHelper {
+	return &ResponseHelper{}
+}
+
+// Success sends a successful response
+func (rh *ResponseHelper) Success(c *gin.Context, data interface{}, message string) {
+	c.JSON(http.StatusOK, Response{
+		Success: true,
+		Message: message,
+		Data:    data,
+	})
+}
+
+// SuccessWithMeta sends a successful response with metadata (e.g., pagination)
+func (rh *ResponseHelper) SuccessWithMeta(c *gin.Context, data interface{}, meta interface{}, message string) {
+	c.JSON(http.StatusOK, Response{
+		Success: true,
+		Message: message,
+		Data:    data,
+		Meta:    meta,
+	})
+}
+
+// Created sends a 201 Created response
+func (rh *ResponseHelper) Created(c *gin.Context, data interface{}, message string) {
+	c.JSON(http.StatusCreated, Response{
+		Success: true,
+		Message: message,
+		Data:    data,
+	})
+}
+
+// NoContent sends a 204 No Content response
+func (rh *ResponseHelper) NoContent(c *gin.Context) {
+	c.Status(http.StatusNoContent)
+}
+
+// BadRequest sends a 400 Bad Request response
+func (rh *ResponseHelper) BadRequest(c *gin.Context, message string) {
+	c.JSON(http.StatusBadRequest, Response{
+		Success: false,
+		Error:   message,
+	})
+}
+
+// Unauthorized sends a 401 Unauthorized response
+func (rh *ResponseHelper) Unauthorized(c *gin.Context, message string) {
+	c.JSON(http.StatusUnauthorized, Response{
+		Success: false,
+		Error:   message,
+	})
+}
+
+// Forbidden sends a 403 Forbidden response
+func (rh *ResponseHelper) Forbidden(c *gin.Context, message string) {
+	c.JSON(http.StatusForbidden, Response{
+		Success: false,
+		Error:   message,
+	})
+}
+
+// NotFound sends a 404 Not Found response
+func (rh *ResponseHelper) NotFound(c *gin.Context, message string) {
+	c.JSON(http.StatusNotFound, Response{
+		Success: false,
+		Error:   message,
+	})
+}
+
+// Conflict sends a 409 Conflict response
+func (rh *ResponseHelper) Conflict(c *gin.Context, message string) {
+	c.JSON(http.StatusConflict, Response{
+		Success: false,
+		Error:   message,
+	})
+}
+
+// InternalError sends a 500 Internal Server Error response
+func (rh *ResponseHelper) InternalError(c *gin.Context, message string) {
+	c.JSON(http.StatusInternalServerError, Response{
+		Success: false,
+		Error:   message,
+	})
+}
+
+// ValidationError sends a 422 Unprocessable Entity response
+func (rh *ResponseHelper) ValidationError(c *gin.Context, errors interface{}) {
+	c.JSON(http.StatusUnprocessableEntity, Response{
+		Success: false,
+		Error:   "Validation failed",
+		Data:    errors,
+	})
+}
+
+// Custom sends a custom status code response
+func (rh *ResponseHelper) Custom(c *gin.Context, statusCode int, success bool, data interface{}, message string, errMsg string) {
+	response := Response{
+		Success: success,
+		Data:    data,
+	}
+	if message != "" {
+		response.Message = message
+	}
+	if errMsg != "" {
+		response.Error = errMsg
+	}
+	c.JSON(statusCode, response)
+}
+
+// Global ResponseHelper instance for convenience
+var Respond = NewResponseHelper()

internal/controllers/validation_helper.go

@@ -0,0 +1,171 @@
+package controllers
+
+import (
+	"fmt"
+	"regexp"
+	"strings"
+
+	"github.com/gin-gonic/gin"
+	"github.com/go-playground/validator/v10"
+)
+
+// ValidationHelper provides validation utilities
+type ValidationHelper struct {
+	validator *validator.Validate
+}
+
+// ValidationError represents a validation error
+type ValidationError struct {
+	Field   string `json:"field"`
+	Message string `json:"message"`
+	Tag     string `json:"tag"`
+}
+
+// NewValidationHelper creates a new ValidationHelper instance
+func NewValidationHelper() *ValidationHelper {
+	v := validator.New()
+	
+	// Register custom validators
+	_ = v.RegisterValidation("slug", validateSlug)
+	_ = v.RegisterValidation("color", validateColor)
+	
+	return &ValidationHelper{
+		validator: v,
+	}
+}
+
+// Validate validates a struct and returns user-friendly errors
+func (vh *ValidationHelper) Validate(data interface{}) []ValidationError {
+	err := vh.validator.Struct(data)
+	if err == nil {
+		return nil
+	}
+
+	var validationErrors []ValidationError
+	for _, err := range err.(validator.ValidationErrors) {
+		validationErrors = append(validationErrors, ValidationError{
+			Field:   strings.ToLower(err.Field()),
+			Message: vh.getErrorMessage(err),
+			Tag:     err.Tag(),
+		})
+	}
+
+	return validationErrors
+}
+
+// ValidateAndRespond validates data and sends error response if invalid
+// Returns true if valid, false if invalid (and response already sent)
+func (vh *ValidationHelper) ValidateAndRespond(c *gin.Context, data interface{}) bool {
+	errors := vh.Validate(data)
+	if len(errors) > 0 {
+		Respond.ValidationError(c, errors)
+		return false
+	}
+	return true
+}
+
+// getErrorMessage returns a user-friendly error message for a validation error
+func (vh *ValidationHelper) getErrorMessage(err validator.FieldError) string {
+	field := err.Field()
+	
+	switch err.Tag() {
+	case "required":
+		return fmt.Sprintf("%s is required", field)
+	case "email":
+		return fmt.Sprintf("%s must be a valid email address", field)
+	case "min":
+		return fmt.Sprintf("%s must be at least %s characters", field, err.Param())
+	case "max":
+		return fmt.Sprintf("%s must be at most %s characters", field, err.Param())
+	case "len":
+		return fmt.Sprintf("%s must be exactly %s characters", field, err.Param())
+	case "url":
+		return fmt.Sprintf("%s must be a valid URL", field)
+	case "slug":
+		return fmt.Sprintf("%s must be a valid slug (lowercase, alphanumeric, hyphens)", field)
+	case "color":
+		return fmt.Sprintf("%s must be a valid hex color code", field)
+	case "oneof":
+		return fmt.Sprintf("%s must be one of: %s", field, err.Param())
+	case "gte":
+		return fmt.Sprintf("%s must be greater than or equal to %s", field, err.Param())
+	case "lte":
+		return fmt.Sprintf("%s must be less than or equal to %s", field, err.Param())
+	case "gt":
+		return fmt.Sprintf("%s must be greater than %s", field, err.Param())
+	case "lt":
+		return fmt.Sprintf("%s must be less than %s", field, err.Param())
+	default:
+		return fmt.Sprintf("%s is invalid", field)
+	}
+}
+
+// IsValidEmail checks if a string is a valid email
+func (vh *ValidationHelper) IsValidEmail(email string) bool {
+	return vh.validator.Var(email, "required,email") == nil
+}
+
+// IsValidURL checks if a string is a valid URL
+func (vh *ValidationHelper) IsValidURL(url string) bool {
+	return vh.validator.Var(url, "required,url") == nil
+}
+
+// IsValidSlug checks if a string is a valid slug
+func (vh *ValidationHelper) IsValidSlug(slug string) bool {
+	return vh.validator.Var(slug, "required,slug") == nil
+}
+
+// SanitizeString removes leading/trailing whitespace and normalizes spaces
+func (vh *ValidationHelper) SanitizeString(s string) string {
+	// Trim whitespace
+	s = strings.TrimSpace(s)
+	// Replace multiple spaces with single space
+	s = regexp.MustCompile(`\s+`).ReplaceAllString(s, " ")
+	return s
+}
+
+// SanitizeEmail normalizes an email address
+func (vh *ValidationHelper) SanitizeEmail(email string) string {
+	return strings.ToLower(strings.TrimSpace(email))
+}
+
+// SanitizeSlug normalizes a slug
+func (vh *ValidationHelper) SanitizeSlug(slug string) string {
+	slug = strings.ToLower(strings.TrimSpace(slug))
+	// Replace spaces with hyphens
+	slug = regexp.MustCompile(`\s+`).ReplaceAllString(slug, "-")
+	// Remove non-alphanumeric characters except hyphens
+	slug = regexp.MustCompile(`[^a-z0-9-]`).ReplaceAllString(slug, "")
+	// Replace multiple hyphens with single hyphen
+	slug = regexp.MustCompile(`-+`).ReplaceAllString(slug, "-")
+	// Remove leading/trailing hyphens
+	slug = strings.Trim(slug, "-")
+	return slug
+}
+
+// Custom validator functions
+
+// validateSlug validates that a string is a valid slug
+func validateSlug(fl validator.FieldLevel) bool {
+	slug := fl.Field().String()
+	if slug == "" {
+		return true // Let 'required' handle empty values
+	}
+	// Valid slug: lowercase alphanumeric and hyphens, no leading/trailing hyphens
+	matched, _ := regexp.MatchString(`^[a-z0-9]+(-[a-z0-9]+)*$`, slug)
+	return matched
+}
+
+// validateColor validates that a string is a valid hex color code
+func validateColor(fl validator.FieldLevel) bool {
+	color := fl.Field().String()
+	if color == "" {
+		return true // Let 'required' handle empty values
+	}
+	// Valid color: #RGB, #RRGGBB, #RGBA, #RRGGBBAA
+	matched, _ := regexp.MatchString(`^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{4}|[A-Fa-f0-9]{8})$`, color)
+	return matched
+}
+
+// Global ValidationHelper instance for convenience
+var Validator = NewValidationHelper()

internal/models/audit_log.go

@@ -0,0 +1,26 @@
+package models
+
+import (
+	"time"
+)
+
+// AuditLog represents an audit trail entry
+type AuditLog struct {
+	ID          uint      `gorm:"primarykey" json:"id"`
+	UserID      *uint     `json:"user_id"`
+	User        *User     `gorm:"foreignKey:UserID" json:"user,omitempty"`
+	Action      string    `gorm:"type:varchar(100);not null" json:"action"` // CREATE, UPDATE, DELETE, LOGIN, etc.
+	EntityType  string    `gorm:"type:varchar(100)" json:"entity_type"`     // Article, User, Settings, etc.
+	EntityID    *uint     `json:"entity_id"`
+	Description string    `gorm:"type:text" json:"description"`
+	IPAddress   string    `gorm:"type:varchar(45)" json:"ip_address"`
+	UserAgent   string    `gorm:"type:text" json:"user_agent"`
+	Changes     string    `gorm:"type:json" json:"changes,omitempty"` // JSON string of before/after values
+	Metadata    string    `gorm:"type:json" json:"metadata,omitempty"` // Additional context as JSON
+	CreatedAt   time.Time `json:"created_at"`
+}
+
+// TableName overrides the default table name
+func (AuditLog) TableName() string {
+	return "audit_logs"
+}