diff --git a/db/operations.go b/db/operations.go
new file mode 100644
index 0000000..59cd50b
--- /dev/null
+++ b/db/operations.go
@@ -0,0 +1,232 @@
+package db
+
+import (
+	"database/sql"
+	"fmt"
+	"time"
+
+	"track-gopher/models"
+)
+
+// Group operations
+
+// CreateGroup creates a new group
+func (db *DB) CreateGroup(name, description string) (int64, error) {
+	result, err := db.Exec(
+		"INSERT INTO groups (name, description) VALUES (?, ?)",
+		name, description,
+	)
+	if err != nil {
+		return 0, fmt.Errorf("failed to create group: %w", err)
+	}
+
+	id, err := result.LastInsertId()
+	if err != nil {
+		return 0, fmt.Errorf("failed to get last insert ID: %w", err)
+	}
+
+	return id, nil
+}
+
+// GetGroups returns all groups
+func (db *DB) GetGroups() ([]models.Group, error) {
+	rows, err := db.Query("SELECT id, name, description, created_at FROM groups ORDER BY name")
+	if err != nil {
+		return nil, fmt.Errorf("failed to query groups: %w", err)
+	}
+	defer rows.Close()
+
+	var groups []models.Group
+	for rows.Next() {
+		var g models.Group
+		var createdAt string
+		if err := rows.Scan(&g.ID, &g.Name, &g.Description, &createdAt); err != nil {
+			return nil, fmt.Errorf("failed to scan group row: %w", err)
+		}
+		g.CreatedAt, _ = time.Parse("2006-01-02 15:04:05", createdAt)
+		groups = append(groups, g)
+	}
+
+	if err := rows.Err(); err != nil {
+		return nil, fmt.Errorf("error iterating group rows: %w", err)
+	}
+
+	return groups, nil
+}
+
+// GetGroup returns a group by ID
+func (db *DB) GetGroup(id int64) (*models.Group, error) {
+	var g models.Group
+	var createdAt string
+	err := db.QueryRow(
+		"SELECT id, name, description, created_at FROM groups WHERE id = ?",
+		id,
+	).Scan(&g.ID, &g.Name, &g.Description, &createdAt)
+	if err != nil {
+		if err == sql.ErrNoRows {
+			return nil, nil
+		}
+		return nil, fmt.Errorf("failed to query group: %w", err)
+	}
+
+	g.CreatedAt, _ = time.Parse("2006-01-02 15:04:05", createdAt)
+	return &g, nil
+}
+
+// UpdateGroup updates a group
+func (db *DB) UpdateGroup(id int64, name, description string) error {
+	_, err := db.Exec(
+		"UPDATE groups SET name = ?, description = ? WHERE id = ?",
+		name, description, id,
+	)
+	if err != nil {
+		return fmt.Errorf("failed to update group: %w", err)
+	}
+	return nil
+}
+
+// DeleteGroup deletes a group
+func (db *DB) DeleteGroup(id int64) error {
+	_, err := db.Exec("DELETE FROM groups WHERE id = ?", id)
+	if err != nil {
+		return fmt.Errorf("failed to delete group: %w", err)
+	}
+	return nil
+}
+
+// Racer operations
+
+// CreateRacer creates a new racer
+func (db *DB) CreateRacer(firstName, lastName, carNumber string, carWeight float64, groupID int64) (int64, error) {
+	result, err := db.Exec(
+		"INSERT INTO racers (first_name, last_name, car_number, car_weight, group_id) VALUES (?, ?, ?, ?, ?)",
+		firstName, lastName, carNumber, carWeight, groupID,
+	)
+	if err != nil {
+		return 0, fmt.Errorf("failed to create racer: %w", err)
+	}
+
+	id, err := result.LastInsertId()
+	if err != nil {
+		return 0, fmt.Errorf("failed to get last insert ID: %w", err)
+	}
+
+	return id, nil
+}
+
+// GetRacers returns all racers
+func (db *DB) GetRacers() ([]models.Racer, error) {
+	rows, err := db.Query(`
+		SELECT r.id, r.first_name, r.last_name, r.car_number, r.car_weight, 
+		       r.group_id, g.name as group_name, r.created_at 
+		FROM racers r
+		JOIN groups g ON r.group_id = g.id
+		ORDER BY r.last_name, r.first_name
+	`)
+	if err != nil {
+		return nil, fmt.Errorf("failed to query racers: %w", err)
+	}
+	defer rows.Close()
+
+	var racers []models.Racer
+	for rows.Next() {
+		var r models.Racer
+		var createdAt string
+		if err := rows.Scan(
+			&r.ID, &r.FirstName, &r.LastName, &r.CarNumber, &r.CarWeight,
+			&r.GroupID, &r.GroupName, &createdAt,
+		); err != nil {
+			return nil, fmt.Errorf("failed to scan racer row: %w", err)
+		}
+		r.CreatedAt, _ = time.Parse("2006-01-02 15:04:05", createdAt)
+		racers = append(racers, r)
+	}
+
+	if err := rows.Err(); err != nil {
+		return nil, fmt.Errorf("error iterating racer rows: %w", err)
+	}
+
+	return racers, nil
+}
+
+// GetRacersByGroup returns racers in a specific group
+func (db *DB) GetRacersByGroup(groupID int64) ([]models.Racer, error) {
+	rows, err := db.Query(`
+		SELECT r.id, r.first_name, r.last_name, r.car_number, r.car_weight, 
+		       r.group_id, g.name as group_name, r.created_at 
+		FROM racers r
+		JOIN groups g ON r.group_id = g.id
+		WHERE r.group_id = ?
+		ORDER BY r.last_name, r.first_name
+	`, groupID)
+	if err != nil {
+		return nil, fmt.Errorf("failed to query racers by group: %w", err)
+	}
+	defer rows.Close()
+
+	var racers []models.Racer
+	for rows.Next() {
+		var r models.Racer
+		var createdAt string
+		if err := rows.Scan(
+			&r.ID, &r.FirstName, &r.LastName, &r.CarNumber, &r.CarWeight,
+			&r.GroupID, &r.GroupName, &createdAt,
+		); err != nil {
+			return nil, fmt.Errorf("failed to scan racer row: %w", err)
+		}
+		r.CreatedAt, _ = time.Parse("2006-01-02 15:04:05", createdAt)
+		racers = append(racers, r)
+	}
+
+	if err := rows.Err(); err != nil {
+		return nil, fmt.Errorf("error iterating racer rows: %w", err)
+	}
+
+	return racers, nil
+}
+
+// GetRacer returns a racer by ID
+func (db *DB) GetRacer(id int64) (*models.Racer, error) {
+	var r models.Racer
+	var createdAt string
+	err := db.QueryRow(`
+		SELECT r.id, r.first_name, r.last_name, r.car_number, r.car_weight, 
+		       r.group_id, g.name as group_name, r.created_at 
+		FROM racers r
+		JOIN groups g ON r.group_id = g.id
+		WHERE r.id = ?
+	`, id).Scan(
+		&r.ID, &r.FirstName, &r.LastName, &r.CarNumber, &r.CarWeight,
+		&r.GroupID, &r.GroupName, &createdAt,
+	)
+	if err != nil {
+		if err == sql.ErrNoRows {
+			return nil, nil
+		}
+		return nil, fmt.Errorf("failed to query racer: %w", err)
+	}
+
+	r.CreatedAt, _ = time.Parse("2006-01-02 15:04:05", createdAt)
+	return &r, nil
+}
+
+// UpdateRacer updates a racer
+func (db *DB) UpdateRacer(id int64, firstName, lastName, carNumber string, carWeight float64, groupID int64) error {
+	_, err := db.Exec(
+		"UPDATE racers SET first_name = ?, last_name = ?, car_number = ?, car_weight = ?, group_id = ? WHERE id = ?",
+		firstName, lastName, carNumber, carWeight, groupID, id,
+	)
+	if err != nil {
+		return fmt.Errorf("failed to update racer: %w", err)
+	}
+	return nil
+}
+
+// DeleteRacer deletes a racer
+func (db *DB) DeleteRacer(id int64) error {
+	_, err := db.Exec("DELETE FROM racers WHERE id = ?", id)
+	if err != nil {
+		return fmt.Errorf("failed to delete racer: %w", err)
+	}
+	return nil
+}
diff --git a/db/schema.go b/db/schema.go
new file mode 100644
index 0000000..5d58c62
--- /dev/null
+++ b/db/schema.go
@@ -0,0 +1,116 @@
+package db
+
+import (
+	"database/sql"
+	"fmt"
+	"log/slog"
+	"os"
+	"path/filepath"
+
+	_ "github.com/mattn/go-sqlite3"
+)
+
+// DB represents the database connection
+type DB struct {
+	*sql.DB
+	logger *slog.Logger
+}
+
+// New creates a new database connection
+func New(dbPath string) (*DB, error) {
+	logger := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{
+		Level: slog.LevelDebug,
+	}))
+
+	// Ensure directory exists
+	if err := os.MkdirAll(filepath.Dir(dbPath), 0755); err != nil {
+		return nil, fmt.Errorf("failed to create database directory: %w", err)
+	}
+
+	// Open database connection
+	sqlDB, err := sql.Open("sqlite3", dbPath)
+	if err != nil {
+		return nil, fmt.Errorf("failed to open database: %w", err)
+	}
+
+	// Create database instance
+	db := &DB{
+		DB:     sqlDB,
+		logger: logger,
+	}
+
+	// Initialize schema
+	if err := db.initSchema(); err != nil {
+		db.Close()
+		return nil, fmt.Errorf("failed to initialize schema: %w", err)
+	}
+
+	return db, nil
+}
+
+// initSchema creates the database tables if they don't exist
+func (db *DB) initSchema() error {
+	// Create groups table
+	_, err := db.Exec(`
+		CREATE TABLE IF NOT EXISTS groups (
+			id INTEGER PRIMARY KEY AUTOINCREMENT,
+			name TEXT NOT NULL UNIQUE,
+			description TEXT,
+			created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+		)
+	`)
+	if err != nil {
+		return fmt.Errorf("failed to create groups table: %w", err)
+	}
+
+	// Create racers table
+	_, err = db.Exec(`
+		CREATE TABLE IF NOT EXISTS racers (
+			id INTEGER PRIMARY KEY AUTOINCREMENT,
+			first_name TEXT NOT NULL,
+			last_name TEXT NOT NULL,
+			car_number TEXT NOT NULL UNIQUE,
+			car_weight REAL NOT NULL,
+			group_id INTEGER NOT NULL,
+			created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+			FOREIGN KEY (group_id) REFERENCES groups(id)
+		)
+	`)
+	if err != nil {
+		return fmt.Errorf("failed to create racers table: %w", err)
+	}
+
+	// Create races table
+	_, err = db.Exec(`
+		CREATE TABLE IF NOT EXISTS races (
+			id INTEGER PRIMARY KEY AUTOINCREMENT,
+			name TEXT NOT NULL,
+			status TEXT NOT NULL DEFAULT 'pending',
+			created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+		)
+	`)
+	if err != nil {
+		return fmt.Errorf("failed to create races table: %w", err)
+	}
+
+	// Create race_results table
+	_, err = db.Exec(`
+		CREATE TABLE IF NOT EXISTS race_results (
+			id INTEGER PRIMARY KEY AUTOINCREMENT,
+			race_id INTEGER NOT NULL,
+			racer_id INTEGER NOT NULL,
+			lane INTEGER NOT NULL,
+			time REAL,
+			place INTEGER,
+			created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+			FOREIGN KEY (race_id) REFERENCES races(id),
+			FOREIGN KEY (racer_id) REFERENCES racers(id),
+			UNIQUE(race_id, lane)
+		)
+	`)
+	if err != nil {
+		return fmt.Errorf("failed to create race_results table: %w", err)
+	}
+
+	return nil
+}
diff --git a/examples/main.go b/examples/main.go
index 4bd9759..7339aa6 100644
--- a/examples/main.go
+++ b/examples/main.go
@@ -30,6 +30,7 @@ func main() {
 	portName := flag.String("port", "/dev/ttyACM0", "Serial port for the derby clock")
 	baudRate := flag.Int("baud", 19200, "Baud rate for the serial port")
 	webPort := flag.Int("web-port", 8080, "Port for the web server")
+	dbPath := flag.String("db", "./data/derby.db", "Path to SQLite database file")
 	noWeb := flag.Bool("no-web", false, "Disable web interface")
 	noTerminal := flag.Bool("no-terminal", false, "Disable terminal interface")
 	flag.Parse()
@@ -72,7 +73,7 @@ func main() {
 		wg.Add(1)
 		go func() {
 			defer wg.Done()
-			startWebInterface(clock, webEvents, *webPort, ctx)
+			startWebInterface(clock, webEvents, *webPort, *dbPath, ctx)
 		}()
 	}
 
@@ -100,13 +101,13 @@ func main() {
 }
 
 // startWebInterface initializes and runs the web interface
-func startWebInterface(clock *derby.DerbyClock, events <-chan derby.Event, webPort int, ctx context.Context) {
+func startWebInterface(clock *derby.DerbyClock, events <-chan derby.Event, webPort int, dbPath string, ctx context.Context) {
 	logger := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{
 		Level: slog.LevelInfo,
 	}))
 
 	// Create and start the web server
-	server, err := web.NewServer(clock, events, webPort)
+	server, err := web.NewServer(clock, events, dbPath, webPort, logger)
 	if err != nil {
 		logger.Error("Error creating web server", "error", err)
 		return
diff --git a/go.mod b/go.mod
index bfd7140..1a98bf4 100644
--- a/go.mod
+++ b/go.mod
@@ -5,6 +5,7 @@ go 1.24
 require (
 	github.com/a-h/templ v0.3.833
 	github.com/go-chi/chi/v5 v5.2.1
+	github.com/mattn/go-sqlite3 v1.14.24
 	go.bug.st/serial v1.6.2
 )
 
diff --git a/go.sum b/go.sum
index 2c9cfef..2270d1e 100644
--- a/go.sum
+++ b/go.sum
@@ -8,6 +8,8 @@ github.com/go-chi/chi/v5 v5.2.1 h1:KOIHODQj58PmL80G2Eak4WdvUzjSJSm0vG72crDCqb8=
 github.com/go-chi/chi/v5 v5.2.1/go.mod h1:L2yAIGWB3H+phAw1NxKwWM+7eUH/lU8pOMm5hHcoops=
 github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
 github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
+github.com/mattn/go-sqlite3 v1.14.24 h1:tpSp2G2KyMnnQu99ngJ47EIkWVmliIizyZBfPrBWDRM=
+github.com/mattn/go-sqlite3 v1.14.24/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y=
 github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/stretchr/testify v1.7.0 h1:nwc3DEeHmmLAfoZucVR881uASk0Mfjw8xYJ99tb5CcY=
diff --git a/models/models.go b/models/models.go
new file mode 100644
index 0000000..07a561e
--- /dev/null
+++ b/models/models.go
@@ -0,0 +1,44 @@
+package models
+
+import (
+	"time"
+)
+
+// Group represents a racer group (e.g., age group, division)
+type Group struct {
+	ID          int64     `json:"id"`
+	Name        string    `json:"name"`
+	Description string    `json:"description"`
+	CreatedAt   time.Time `json:"created_at"`
+}
+
+// Racer represents a derby racer
+type Racer struct {
+	ID        int64     `json:"id"`
+	FirstName string    `json:"first_name"`
+	LastName  string    `json:"last_name"`
+	CarNumber string    `json:"car_number"`
+	CarWeight float64   `json:"car_weight"`
+	GroupID   int64     `json:"group_id"`
+	GroupName string    `json:"group_name,omitempty"` // For display purposes
+	CreatedAt time.Time `json:"created_at"`
+}
+
+// Race represents a derby race event
+type Race struct {
+	ID        int64     `json:"id"`
+	Name      string    `json:"name"`
+	Status    string    `json:"status"` // pending, running, completed
+	CreatedAt time.Time `json:"created_at"`
+}
+
+// RaceResult represents the result of a racer in a race
+type RaceResult struct {
+	ID        int64     `json:"id"`
+	RaceID    int64     `json:"race_id"`
+	RacerID   int64     `json:"racer_id"`
+	Lane      int       `json:"lane"`
+	Time      *float64  `json:"time,omitempty"`
+	Place     *int      `json:"place,omitempty"`
+	CreatedAt time.Time `json:"created_at"`
+}
diff --git a/web/server.go b/web/server.go
index decd680..e923ecf 100644
--- a/web/server.go
+++ b/web/server.go
@@ -10,7 +10,7 @@ import (
 	"log/slog"
 	"net/http"
 	"net/url"
-	"os"
+	"strconv"
 	"strings"
 	"sync"
 	"time"
@@ -18,6 +18,7 @@ import (
 	"github.com/go-chi/chi/v5"
 	"github.com/go-chi/chi/v5/middleware"
 
+	"track-gopher/db"
 	"track-gopher/derby"
 	"track-gopher/web/templates"
 )
@@ -36,14 +37,16 @@ type Server struct {
 	server     *http.Server
 	shutdown   chan struct{}
 	logger     *slog.Logger
+	db         *db.DB
 }
 
 // NewServer creates a new web server
-func NewServer(clock *derby.DerbyClock, events <-chan derby.Event, port int) (*Server, error) {
-	// Create logger
-	logger := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{
-		Level: slog.LevelDebug,
-	}))
+func NewServer(clock *derby.DerbyClock, events <-chan derby.Event, dbPath string, port int, logger *slog.Logger) (*Server, error) {
+	// Initialize database
+	database, err := db.New(dbPath)
+	if err != nil {
+		return nil, fmt.Errorf("failed to initialize database: %w", err)
+	}
 
 	// Create server
 	s := &Server{
@@ -55,6 +58,7 @@ func NewServer(clock *derby.DerbyClock, events <-chan derby.Event, port int) (*S
 		port:       port,
 		shutdown:   make(chan struct{}),
 		logger:     logger,
+		db:         database,
 	}
 
 	// Set up routes
@@ -110,6 +114,21 @@ func (s *Server) routes() {
 		r.Get("/events", s.handleEvents())
 	})
 
+	s.router.Get("/admin", s.handleAdmin())
+	s.router.Get("/register", s.handleRegister())
+
+	s.router.Route("/api/groups", func(r chi.Router) {
+		r.Post("/", s.handleCreateGroup())
+		r.Put("/{id}", s.handleUpdateGroup())
+		r.Delete("/{id}", s.handleDeleteGroup())
+	})
+
+	s.router.Route("/api/racers", func(r chi.Router) {
+		r.Post("/", s.handleCreateRacer())
+		r.Put("/{id}", s.handleUpdateRacer())
+		r.Delete("/{id}", s.handleDeleteRacer())
+	})
+
 	// Main page
 	s.router.Get("/", s.handleIndex())
 }
@@ -135,16 +154,12 @@ func (s *Server) Start() error {
 
 // Stop gracefully shuts down the server
 func (s *Server) Stop() error {
-	// Signal event forwarder to stop
-	close(s.shutdown)
-
-	// Close all client connections
-	s.clientsMux.Lock()
-	for clientChan := range s.clients {
-		delete(s.clients, clientChan)
-		close(clientChan)
+	// Close database connection
+	if s.db != nil {
+		if err := s.db.Close(); err != nil {
+			s.logger.Error("Error closing database", "error", err)
+		}
 	}
-	s.clientsMux.Unlock()
 
 	// Create a context with timeout for shutdown
 	ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)
@@ -360,3 +375,284 @@ func (s *Server) handleEvents() http.HandlerFunc {
 		}
 	}
 }
+
+// handleAdmin renders the admin page
+func (s *Server) handleAdmin() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Get groups and racers from database
+		groups, err := s.db.GetGroups()
+		if err != nil {
+			s.logger.Error("Failed to get groups", "error", err)
+			http.Error(w, "Failed to get groups", http.StatusInternalServerError)
+			return
+		}
+
+		racers, err := s.db.GetRacers()
+		if err != nil {
+			s.logger.Error("Failed to get racers", "error", err)
+			http.Error(w, "Failed to get racers", http.StatusInternalServerError)
+			return
+		}
+
+		// Render template
+		component := templates.Admin(groups, racers)
+		if err := component.Render(r.Context(), w); err != nil {
+			s.logger.Error("Failed to render admin template", "error", err)
+			http.Error(w, "Failed to render page", http.StatusInternalServerError)
+		}
+	}
+}
+
+// handleRegister renders the racer registration page
+func (s *Server) handleRegister() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Get groups from database
+		groups, err := s.db.GetGroups()
+		if err != nil {
+			s.logger.Error("Failed to get groups", "error", err)
+			http.Error(w, "Failed to get groups", http.StatusInternalServerError)
+			return
+		}
+
+		// Render template
+		component := templates.Register(groups)
+		if err := component.Render(r.Context(), w); err != nil {
+			s.logger.Error("Failed to render register template", "error", err)
+			http.Error(w, "Failed to render page", http.StatusInternalServerError)
+		}
+	}
+}
+
+// API handlers for groups
+
+// handleCreateGroup creates a new group
+func (s *Server) handleCreateGroup() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Parse form
+		if err := r.ParseForm(); err != nil {
+			s.logger.Error("Failed to parse form", "error", err)
+			http.Error(w, "Invalid form data", http.StatusBadRequest)
+			return
+		}
+
+		// Get form values
+		name := r.FormValue("name")
+		description := r.FormValue("description")
+
+		// Validate
+		if name == "" {
+			http.Error(w, "Name is required", http.StatusBadRequest)
+			return
+		}
+
+		// Create group
+		id, err := s.db.CreateGroup(name, description)
+		if err != nil {
+			s.logger.Error("Failed to create group", "error", err)
+			http.Error(w, "Failed to create group", http.StatusInternalServerError)
+			return
+		}
+
+		// Return success
+		w.WriteHeader(http.StatusCreated)
+		fmt.Fprintf(w, `{"id":%d}`, id)
+	}
+}
+
+// handleUpdateGroup updates a group
+func (s *Server) handleUpdateGroup() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Get ID from URL
+		idStr := chi.URLParam(r, "id")
+		id, err := strconv.ParseInt(idStr, 10, 64)
+		if err != nil {
+			http.Error(w, "Invalid ID", http.StatusBadRequest)
+			return
+		}
+
+		// Parse form
+		if err := r.ParseForm(); err != nil {
+			s.logger.Error("Failed to parse form", "error", err)
+			http.Error(w, "Invalid form data", http.StatusBadRequest)
+			return
+		}
+
+		// Get form values
+		name := r.FormValue("name")
+		description := r.FormValue("description")
+
+		// Validate
+		if name == "" {
+			http.Error(w, "Name is required", http.StatusBadRequest)
+			return
+		}
+
+		// Update group
+		if err := s.db.UpdateGroup(id, name, description); err != nil {
+			s.logger.Error("Failed to update group", "error", err)
+			http.Error(w, "Failed to update group", http.StatusInternalServerError)
+			return
+		}
+
+		// Return success
+		w.WriteHeader(http.StatusOK)
+		fmt.Fprintf(w, `{"id":%d}`, id)
+	}
+}
+
+// handleDeleteGroup deletes a group
+func (s *Server) handleDeleteGroup() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Get ID from URL
+		idStr := chi.URLParam(r, "id")
+		id, err := strconv.ParseInt(idStr, 10, 64)
+		if err != nil {
+			http.Error(w, "Invalid ID", http.StatusBadRequest)
+			return
+		}
+
+		// Delete group
+		if err := s.db.DeleteGroup(id); err != nil {
+			s.logger.Error("Failed to delete group", "error", err)
+			http.Error(w, "Failed to delete group", http.StatusInternalServerError)
+			return
+		}
+
+		// Return success
+		w.WriteHeader(http.StatusOK)
+		fmt.Fprintf(w, `{"success":true}`)
+	}
+}
+
+// API handlers for racers
+
+// handleCreateRacer creates a new racer
+func (s *Server) handleCreateRacer() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Parse form
+		if err := r.ParseForm(); err != nil {
+			s.logger.Error("Failed to parse form", "error", err)
+			http.Error(w, "Invalid form data", http.StatusBadRequest)
+			return
+		}
+
+		// Get form values
+		firstName := r.FormValue("first_name")
+		lastName := r.FormValue("last_name")
+		carNumber := r.FormValue("car_number")
+		carWeightStr := r.FormValue("car_weight")
+		groupIDStr := r.FormValue("group_id")
+
+		// Validate
+		if firstName == "" || lastName == "" || carNumber == "" || carWeightStr == "" || groupIDStr == "" {
+			http.Error(w, "All fields are required", http.StatusBadRequest)
+			return
+		}
+
+		// Parse numeric values
+		carWeight, err := strconv.ParseFloat(carWeightStr, 64)
+		if err != nil {
+			http.Error(w, "Invalid car weight", http.StatusBadRequest)
+			return
+		}
+
+		groupID, err := strconv.ParseInt(groupIDStr, 10, 64)
+		if err != nil {
+			http.Error(w, "Invalid group ID", http.StatusBadRequest)
+			return
+		}
+
+		// Create racer
+		id, err := s.db.CreateRacer(firstName, lastName, carNumber, carWeight, groupID)
+		if err != nil {
+			s.logger.Error("Failed to create racer", "error", err)
+			http.Error(w, "Failed to create racer", http.StatusInternalServerError)
+			return
+		}
+
+		// Return success
+		w.WriteHeader(http.StatusCreated)
+		fmt.Fprintf(w, `{"id":%d}`, id)
+	}
+}
+
+// handleUpdateRacer updates a racer
+func (s *Server) handleUpdateRacer() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Get ID from URL
+		idStr := chi.URLParam(r, "id")
+		id, err := strconv.ParseInt(idStr, 10, 64)
+		if err != nil {
+			http.Error(w, "Invalid ID", http.StatusBadRequest)
+			return
+		}
+
+		// Parse form
+		if err := r.ParseForm(); err != nil {
+			s.logger.Error("Failed to parse form", "error", err)
+			http.Error(w, "Invalid form data", http.StatusBadRequest)
+			return
+		}
+
+		// Get form values
+		firstName := r.FormValue("first_name")
+		lastName := r.FormValue("last_name")
+		carNumber := r.FormValue("car_number")
+		carWeightStr := r.FormValue("car_weight")
+		groupIDStr := r.FormValue("group_id")
+
+		// Validate
+		if firstName == "" || lastName == "" || carNumber == "" || carWeightStr == "" || groupIDStr == "" {
+			http.Error(w, "All fields are required", http.StatusBadRequest)
+			return
+		}
+
+		// Parse numeric values
+		carWeight, err := strconv.ParseFloat(carWeightStr, 64)
+		if err != nil {
+			http.Error(w, "Invalid car weight", http.StatusBadRequest)
+			return
+		}
+
+		groupID, err := strconv.ParseInt(groupIDStr, 10, 64)
+		if err != nil {
+			http.Error(w, "Invalid group ID", http.StatusBadRequest)
+			return
+		}
+
+		// Update racer
+		if err := s.db.UpdateRacer(id, firstName, lastName, carNumber, carWeight, groupID); err != nil {
+			s.logger.Error("Failed to update racer", "error", err)
+			http.Error(w, "Failed to update racer", http.StatusInternalServerError)
+			return
+		}
+
+		// Return success
+		w.WriteHeader(http.StatusOK)
+		fmt.Fprintf(w, `{"id":%d}`, id)
+	}
+}
+
+// handleDeleteRacer deletes a racer
+func (s *Server) handleDeleteRacer() http.HandlerFunc {
+	return func(w http.ResponseWriter, r *http.Request) {
+		// Get ID from URL
+		idStr := chi.URLParam(r, "id")
+		id, err := strconv.ParseInt(idStr, 10, 64)
+		if err != nil {
+			http.Error(w, "Invalid ID", http.StatusBadRequest)
+			return
+		}
+
+		// Delete racer
+		if err := s.db.DeleteRacer(id); err != nil {
+			s.logger.Error("Failed to delete racer", "error", err)
+			http.Error(w, "Failed to delete racer", http.StatusInternalServerError)
+			return
+		}
+
+		// Return success
+		w.WriteHeader(http.StatusOK)
+		fmt.Fprintf(w, `{"success":true}`)
+	}
+}
diff --git a/web/templates/admin.templ b/web/templates/admin.templ
new file mode 100644
index 0000000..f8c5145
--- /dev/null
+++ b/web/templates/admin.templ
@@ -0,0 +1,358 @@
+package templates
+
+import (
+	"fmt"
+	"track-gopher/models"
+)
+
+templ Admin(groups []models.Group, racers []models.Racer) {
+	<!DOCTYPE html>
+	<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Derby Race Admin</title>
+		<!-- Bootstrap CSS -->
+		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+		<script src="/static/js/htmx.min.js"></script>
+		<!-- Bootstrap JS Bundle with Popper -->
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+	</head>
+	<body class="bg-light">
+		<div class="container py-4">
+			<header class="mb-4">
+				<h1 class="text-center">Derby Race Admin</h1>
+				<nav class="nav nav-pills nav-fill mt-3">
+					<a class="nav-link active" data-bs-toggle="tab" href="#groups">Groups</a>
+					<a class="nav-link" data-bs-toggle="tab" href="#racers">Racers</a>
+					<a class="nav-link" href="/">Race Timer</a>
+					<a class="nav-link" href="/register">Racer Registration</a>
+				</nav>
+			</header>
+			
+			<div class="tab-content">
+				<div class="tab-pane fade show active" id="groups">
+					<div class="card mb-4">
+						<div class="card-header d-flex justify-content-between align-items-center">
+							<h5 class="mb-0">Groups</h5>
+							<button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addGroupModal">
+								Add Group
+							</button>
+						</div>
+						<div class="card-body">
+							<div class="table-responsive">
+								<table class="table table-striped">
+									<thead>
+										<tr>
+											<th>Name</th>
+											<th>Description</th>
+											<th>Actions</th>
+										</tr>
+									</thead>
+									<tbody>
+										for _, group := range groups {
+											<tr>
+												<td>{ group.Name }</td>
+												<td>{ group.Description }</td>
+												<td>
+													<button class="btn btn-sm btn-outline-primary me-1" 
+														data-bs-toggle="modal" 
+														data-bs-target="#editGroupModal" 
+														data-id={ fmt.Sprint(group.ID) }
+														data-name={ group.Name }
+														data-description={ group.Description }>
+														Edit
+													</button>
+													<button class="btn btn-sm btn-outline-danger"
+														data-bs-toggle="modal"
+														data-bs-target="#deleteGroupModal"
+														data-id={ fmt.Sprint(group.ID) }
+														data-name={ group.Name }>
+														Delete
+													</button>
+												</td>
+											</tr>
+										}
+									</tbody>
+								</table>
+							</div>
+						</div>
+					</div>
+				</div>
+				
+				<div class="tab-pane fade" id="racers">
+					<div class="card mb-4">
+						<div class="card-header">
+							<h5 class="mb-0">Racers</h5>
+						</div>
+						<div class="card-body">
+							<div class="table-responsive">
+								<table class="table table-striped">
+									<thead>
+										<tr>
+											<th>Name</th>
+											<th>Car #</th>
+											<th>Weight</th>
+											<th>Group</th>
+											<th>Actions</th>
+										</tr>
+									</thead>
+									<tbody>
+										for _, racer := range racers {
+											<tr>
+												<td>{ racer.FirstName } { racer.LastName }</td>
+												<td>{ racer.CarNumber }</td>
+												<td>{ fmt.Sprintf("%.1f", racer.CarWeight) } oz</td>
+												<td>{ racer.GroupName }</td>
+												<td>
+													<button class="btn btn-sm btn-outline-primary me-1"
+														data-bs-toggle="modal"
+														data-bs-target="#editRacerModal"
+														data-id={ fmt.Sprint(racer.ID) }
+														data-firstname={ racer.FirstName }
+														data-lastname={ racer.LastName }
+														data-carnumber={ racer.CarNumber }
+														data-carweight={ fmt.Sprintf("%.1f", racer.CarWeight) }
+														data-groupid={ fmt.Sprint(racer.GroupID) }>
+														Edit
+													</button>
+													<button class="btn btn-sm btn-outline-danger"
+														data-bs-toggle="modal"
+														data-bs-target="#deleteRacerModal"
+														data-id={ fmt.Sprint(racer.ID) }
+														data-name={ racer.FirstName + " " + racer.LastName }>
+														Delete
+													</button>
+												</td>
+											</tr>
+										}
+									</tbody>
+								</table>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<!-- Add Group Modal -->
+		<div class="modal fade" id="addGroupModal" tabindex="-1" aria-hidden="true">
+			<div class="modal-dialog">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">Add Group</h5>
+						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+					</div>
+					<form hx-post="/api/groups" hx-swap="none" hx-on::after-request="location.reload()">
+						<div class="modal-body">
+							<div class="mb-3">
+								<label for="groupName" class="form-label">Name</label>
+								<input type="text" class="form-control" id="groupName" name="name" required/>
+							</div>
+							<div class="mb-3">
+								<label for="groupDescription" class="form-label">Description</label>
+								<textarea class="form-control" id="groupDescription" name="description" rows="3"></textarea>
+							</div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+							<button type="submit" class="btn btn-primary">Save</button>
+						</div>
+					</form>
+				</div>
+			</div>
+		</div>
+		
+		<!-- Edit Group Modal -->
+		<div class="modal fade" id="editGroupModal" tabindex="-1" aria-hidden="true">
+			<div class="modal-dialog">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">Edit Group</h5>
+						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+					</div>
+					<form id="editGroupForm" hx-put="/api/groups/0" hx-swap="none" hx-on::after-request="location.reload()">
+						<div class="modal-body">
+							<div class="mb-3">
+								<label for="editGroupName" class="form-label">Name</label>
+								<input type="text" class="form-control" id="editGroupName" name="name" required/>
+							</div>
+							<div class="mb-3">
+								<label for="editGroupDescription" class="form-label">Description</label>
+								<textarea class="form-control" id="editGroupDescription" name="description" rows="3"></textarea>
+							</div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+							<button type="submit" class="btn btn-primary">Save</button>
+						</div>
+					</form>
+				</div>
+			</div>
+		</div>
+		
+		<!-- Delete Group Modal -->
+		<div class="modal fade" id="deleteGroupModal" tabindex="-1" aria-hidden="true">
+			<div class="modal-dialog">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">Delete Group</h5>
+						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+					</div>
+					<div class="modal-body">
+						<p>Are you sure you want to delete the group "<span id="deleteGroupName"></span>"?</p>
+						<p class="text-danger">This will also delete all racers in this group!</p>
+					</div>
+					<div class="modal-footer">
+						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+						<button type="button" id="confirmDeleteGroup" class="btn btn-danger">Delete</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<!-- Edit Racer Modal -->
+		<div class="modal fade" id="editRacerModal" tabindex="-1" aria-hidden="true">
+			<div class="modal-dialog">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">Edit Racer</h5>
+						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+					</div>
+					<form id="editRacerForm" hx-put="/api/racers/0" hx-swap="none" hx-on::after-request="location.reload()">
+						<div class="modal-body">
+							<div class="row">
+								<div class="col-md-6 mb-3">
+									<label for="editFirstName" class="form-label">First Name</label>
+									<input type="text" class="form-control" id="editFirstName" name="first_name" required/>
+								</div>
+								<div class="col-md-6 mb-3">
+									<label for="editLastName" class="form-label">Last Name</label>
+									<input type="text" class="form-control" id="editLastName" name="last_name" required/>
+								</div>
+							</div>
+							<div class="row">
+								<div class="col-md-6 mb-3">
+									<label for="editCarNumber" class="form-label">Car Number</label>
+									<input type="text" class="form-control" id="editCarNumber" name="car_number" required/>
+								</div>
+								<div class="col-md-6 mb-3">
+									<label for="editCarWeight" class="form-label">Car Weight (oz)</label>
+									<input type="number" step="0.1" class="form-control" id="editCarWeight" name="car_weight" required/>
+								</div>
+							</div>
+							<div class="mb-3">
+								<label for="editGroupID" class="form-label">Group</label>
+								<select class="form-select" id="editGroupID" name="group_id" required>
+									for _, group := range groups {
+										<option value={ fmt.Sprint(group.ID) }>{ group.Name }</option>
+									}
+								</select>
+							</div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+							<button type="submit" class="btn btn-primary">Save</button>
+						</div>
+					</form>
+				</div>
+			</div>
+		</div>
+		
+		<!-- Delete Racer Modal -->
+		<div class="modal fade" id="deleteRacerModal" tabindex="-1" aria-hidden="true">
+			<div class="modal-dialog">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">Delete Racer</h5>
+						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+					</div>
+					<div class="modal-body">
+						<p>Are you sure you want to delete the racer "<span id="deleteRacerName"></span>"?</p>
+					</div>
+					<div class="modal-footer">
+						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+						<button type="button" id="confirmDeleteRacer" class="btn btn-danger">Delete</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<script>
+			// Handle edit group modal
+			document.getElementById('editGroupModal').addEventListener('show.bs.modal', function (event) {
+				const button = event.relatedTarget;
+				const id = button.getAttribute('data-id');
+				const name = button.getAttribute('data-name');
+				const description = button.getAttribute('data-description');
+				
+				const form = document.getElementById('editGroupForm');
+				form.setAttribute('hx-put', `/api/groups/${id}`);
+				
+				document.getElementById('editGroupName').value = name;
+				document.getElementById('editGroupDescription').value = description;
+			});
+			
+			// Handle delete group modal
+			document.getElementById('deleteGroupModal').addEventListener('show.bs.modal', function (event) {
+				const button = event.relatedTarget;
+				const id = button.getAttribute('data-id');
+				const name = button.getAttribute('data-name');
+				
+				document.getElementById('deleteGroupName').textContent = name;
+				
+				document.getElementById('confirmDeleteGroup').onclick = function() {
+					fetch(`/api/groups/${id}`, { method: 'DELETE' })
+						.then(response => {
+							if (response.ok) {
+								location.reload();
+							} else {
+								alert('Failed to delete group');
+							}
+						});
+				};
+			});
+			
+			// Handle edit racer modal
+			document.getElementById('editRacerModal').addEventListener('show.bs.modal', function (event) {
+				const button = event.relatedTarget;
+				const id = button.getAttribute('data-id');
+				const firstName = button.getAttribute('data-firstname');
+				const lastName = button.getAttribute('data-lastname');
+				const carNumber = button.getAttribute('data-carnumber');
+				const carWeight = button.getAttribute('data-carweight');
+				const groupId = button.getAttribute('data-groupid');
+				
+				const form = document.getElementById('editRacerForm');
+				form.setAttribute('hx-put', `/api/racers/${id}`);
+				
+				document.getElementById('editFirstName').value = firstName;
+				document.getElementById('editLastName').value = lastName;
+				document.getElementById('editCarNumber').value = carNumber;
+				document.getElementById('editCarWeight').value = carWeight;
+				document.getElementById('editGroupID').value = groupId;
+			});
+			
+			// Handle delete racer modal
+			document.getElementById('deleteRacerModal').addEventListener('show.bs.modal', function (event) {
+				const button = event.relatedTarget;
+				const id = button.getAttribute('data-id');
+				const name = button.getAttribute('data-name');
+				
+				document.getElementById('deleteRacerName').textContent = name;
+				
+				document.getElementById('confirmDeleteRacer').onclick = function() {
+					fetch(`/api/racers/${id}`, { method: 'DELETE' })
+						.then(response => {
+							if (response.ok) {
+								location.reload();
+							} else {
+								alert('Failed to delete racer');
+							}
+						});
+				};
+			});
+		</script>
+	</body>
+	</html>
+} 
\ No newline at end of file
diff --git a/web/templates/admin_templ.go b/web/templates/admin_templ.go
new file mode 100644
index 0000000..3334f2b
--- /dev/null
+++ b/web/templates/admin_templ.go
@@ -0,0 +1,361 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.3.833
+package templates
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import templruntime "github.com/a-h/templ/runtime"
+
+import (
+	"fmt"
+	"track-gopher/models"
+)
+
+func Admin(groups []models.Group, racers []models.Racer) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Derby Race Admin</title><!-- Bootstrap CSS --><link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\"><script src=\"/static/js/htmx.min.js\"></script><!-- Bootstrap JS Bundle with Popper --><script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\"></script></head><body class=\"bg-light\"><div class=\"container py-4\"><header class=\"mb-4\"><h1 class=\"text-center\">Derby Race Admin</h1><nav class=\"nav nav-pills nav-fill mt-3\"><a class=\"nav-link active\" data-bs-toggle=\"tab\" href=\"#groups\">Groups</a> <a class=\"nav-link\" data-bs-toggle=\"tab\" href=\"#racers\">Racers</a> <a class=\"nav-link\" href=\"/\">Race Timer</a> <a class=\"nav-link\" href=\"/register\">Racer Registration</a></nav></header><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"groups\"><div class=\"card mb-4\"><div class=\"card-header d-flex justify-content-between align-items-center\"><h5 class=\"mb-0\">Groups</h5><button class=\"btn btn-primary btn-sm\" data-bs-toggle=\"modal\" data-bs-target=\"#addGroupModal\">Add Group</button></div><div class=\"card-body\"><div class=\"table-responsive\"><table class=\"table table-striped\"><thead><tr><th>Name</th><th>Description</th><th>Actions</th></tr></thead> <tbody>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, group := range groups {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "<tr><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var2 string
+			templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(group.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 55, Col: 28}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</td><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var3 string
+			templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(group.Description)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 56, Col: 35}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, "</td><td><button class=\"btn btn-sm btn-outline-primary me-1\" data-bs-toggle=\"modal\" data-bs-target=\"#editGroupModal\" data-id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var4 string
+			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(group.ID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 61, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "\" data-name=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var5 string
+			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(group.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 62, Col: 36}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "\" data-description=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var6 string
+			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(group.Description)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 63, Col: 50}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "\">Edit</button> <button class=\"btn btn-sm btn-outline-danger\" data-bs-toggle=\"modal\" data-bs-target=\"#deleteGroupModal\" data-id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var7 string
+			templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(group.ID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 69, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "\" data-name=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var8 string
+			templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(group.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 70, Col: 36}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "\">Delete</button></td></tr>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, "</tbody></table></div></div></div></div><div class=\"tab-pane fade\" id=\"racers\"><div class=\"card mb-4\"><div class=\"card-header\"><h5 class=\"mb-0\">Racers</h5></div><div class=\"card-body\"><div class=\"table-responsive\"><table class=\"table table-striped\"><thead><tr><th>Name</th><th>Car #</th><th>Weight</th><th>Group</th><th>Actions</th></tr></thead> <tbody>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, racer := range racers {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "<tr><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var9 string
+			templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(racer.FirstName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 103, Col: 33}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 12, " ")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var10 string
+			templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(racer.LastName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 103, Col: 52}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 13, "</td><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var11 string
+			templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(racer.CarNumber)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 104, Col: 33}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 14, "</td><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var12 string
+			templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%.1f", racer.CarWeight))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 105, Col: 54}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 15, " oz</td><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var13 string
+			templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(racer.GroupName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 106, Col: 33}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 16, "</td><td><button class=\"btn btn-sm btn-outline-primary me-1\" data-bs-toggle=\"modal\" data-bs-target=\"#editRacerModal\" data-id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var14 string
+			templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(racer.ID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 111, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 17, "\" data-firstname=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var15 string
+			templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(racer.FirstName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 112, Col: 46}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 18, "\" data-lastname=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var16 string
+			templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(racer.LastName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 113, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 19, "\" data-carnumber=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var17 string
+			templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(racer.CarNumber)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 114, Col: 46}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 20, "\" data-carweight=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var18 string
+			templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%.1f", racer.CarWeight))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 115, Col: 67}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 21, "\" data-groupid=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var19 string
+			templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(racer.GroupID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 116, Col: 54}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 22, "\">Edit</button> <button class=\"btn btn-sm btn-outline-danger\" data-bs-toggle=\"modal\" data-bs-target=\"#deleteRacerModal\" data-id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var20 string
+			templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(racer.ID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 122, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 23, "\" data-name=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var21 string
+			templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs(racer.FirstName + " " + racer.LastName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 123, Col: 64}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 24, "\">Delete</button></td></tr>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 25, "</tbody></table></div></div></div></div></div></div><!-- Add Group Modal --><div class=\"modal fade\" id=\"addGroupModal\" tabindex=\"-1\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Add Group</h5><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><form hx-post=\"/api/groups\" hx-swap=\"none\" hx-on::after-request=\"location.reload()\"><div class=\"modal-body\"><div class=\"mb-3\"><label for=\"groupName\" class=\"form-label\">Name</label> <input type=\"text\" class=\"form-control\" id=\"groupName\" name=\"name\" required></div><div class=\"mb-3\"><label for=\"groupDescription\" class=\"form-label\">Description</label> <textarea class=\"form-control\" id=\"groupDescription\" name=\"description\" rows=\"3\"></textarea></div></div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cancel</button> <button type=\"submit\" class=\"btn btn-primary\">Save</button></div></form></div></div></div><!-- Edit Group Modal --><div class=\"modal fade\" id=\"editGroupModal\" tabindex=\"-1\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Edit Group</h5><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><form id=\"editGroupForm\" hx-put=\"/api/groups/0\" hx-swap=\"none\" hx-on::after-request=\"location.reload()\"><div class=\"modal-body\"><div class=\"mb-3\"><label for=\"editGroupName\" class=\"form-label\">Name</label> <input type=\"text\" class=\"form-control\" id=\"editGroupName\" name=\"name\" required></div><div class=\"mb-3\"><label for=\"editGroupDescription\" class=\"form-label\">Description</label> <textarea class=\"form-control\" id=\"editGroupDescription\" name=\"description\" rows=\"3\"></textarea></div></div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cancel</button> <button type=\"submit\" class=\"btn btn-primary\">Save</button></div></form></div></div></div><!-- Delete Group Modal --><div class=\"modal fade\" id=\"deleteGroupModal\" tabindex=\"-1\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Delete Group</h5><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><div class=\"modal-body\"><p>Are you sure you want to delete the group \"<span id=\"deleteGroupName\"></span>\"?</p><p class=\"text-danger\">This will also delete all racers in this group!</p></div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cancel</button> <button type=\"button\" id=\"confirmDeleteGroup\" class=\"btn btn-danger\">Delete</button></div></div></div></div><!-- Edit Racer Modal --><div class=\"modal fade\" id=\"editRacerModal\" tabindex=\"-1\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Edit Racer</h5><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><form id=\"editRacerForm\" hx-put=\"/api/racers/0\" hx-swap=\"none\" hx-on::after-request=\"location.reload()\"><div class=\"modal-body\"><div class=\"row\"><div class=\"col-md-6 mb-3\"><label for=\"editFirstName\" class=\"form-label\">First Name</label> <input type=\"text\" class=\"form-control\" id=\"editFirstName\" name=\"first_name\" required></div><div class=\"col-md-6 mb-3\"><label for=\"editLastName\" class=\"form-label\">Last Name</label> <input type=\"text\" class=\"form-control\" id=\"editLastName\" name=\"last_name\" required></div></div><div class=\"row\"><div class=\"col-md-6 mb-3\"><label for=\"editCarNumber\" class=\"form-label\">Car Number</label> <input type=\"text\" class=\"form-control\" id=\"editCarNumber\" name=\"car_number\" required></div><div class=\"col-md-6 mb-3\"><label for=\"editCarWeight\" class=\"form-label\">Car Weight (oz)</label> <input type=\"number\" step=\"0.1\" class=\"form-control\" id=\"editCarWeight\" name=\"car_weight\" required></div></div><div class=\"mb-3\"><label for=\"editGroupID\" class=\"form-label\">Group</label> <select class=\"form-select\" id=\"editGroupID\" name=\"group_id\" required>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, group := range groups {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 26, "<option value=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var22 string
+			templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(group.ID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 248, Col: 46}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 27, "\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var23 string
+			templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.JoinStringErrs(group.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/admin.templ`, Line: 248, Col: 61}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var23))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "</option>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 29, "</select></div></div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cancel</button> <button type=\"submit\" class=\"btn btn-primary\">Save</button></div></form></div></div></div><!-- Delete Racer Modal --><div class=\"modal fade\" id=\"deleteRacerModal\" tabindex=\"-1\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">Delete Racer</h5><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button></div><div class=\"modal-body\"><p>Are you sure you want to delete the racer \"<span id=\"deleteRacerName\"></span>\"?</p></div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cancel</button> <button type=\"button\" id=\"confirmDeleteRacer\" class=\"btn btn-danger\">Delete</button></div></div></div></div><script>\r\n\t\t\t// Handle edit group modal\r\n\t\t\tdocument.getElementById('editGroupModal').addEventListener('show.bs.modal', function (event) {\r\n\t\t\t\tconst button = event.relatedTarget;\r\n\t\t\t\tconst id = button.getAttribute('data-id');\r\n\t\t\t\tconst name = button.getAttribute('data-name');\r\n\t\t\t\tconst description = button.getAttribute('data-description');\r\n\t\t\t\t\r\n\t\t\t\tconst form = document.getElementById('editGroupForm');\r\n\t\t\t\tform.setAttribute('hx-put', `/api/groups/${id}`);\r\n\t\t\t\t\r\n\t\t\t\tdocument.getElementById('editGroupName').value = name;\r\n\t\t\t\tdocument.getElementById('editGroupDescription').value = description;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\t// Handle delete group modal\r\n\t\t\tdocument.getElementById('deleteGroupModal').addEventListener('show.bs.modal', function (event) {\r\n\t\t\t\tconst button = event.relatedTarget;\r\n\t\t\t\tconst id = button.getAttribute('data-id');\r\n\t\t\t\tconst name = button.getAttribute('data-name');\r\n\t\t\t\t\r\n\t\t\t\tdocument.getElementById('deleteGroupName').textContent = name;\r\n\t\t\t\t\r\n\t\t\t\tdocument.getElementById('confirmDeleteGroup').onclick = function() {\r\n\t\t\t\t\tfetch(`/api/groups/${id}`, { method: 'DELETE' })\r\n\t\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\t\tif (response.ok) {\r\n\t\t\t\t\t\t\t\tlocation.reload();\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\talert('Failed to delete group');\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\t// Handle edit racer modal\r\n\t\t\tdocument.getElementById('editRacerModal').addEventListener('show.bs.modal', function (event) {\r\n\t\t\t\tconst button = event.relatedTarget;\r\n\t\t\t\tconst id = button.getAttribute('data-id');\r\n\t\t\t\tconst firstName = button.getAttribute('data-firstname');\r\n\t\t\t\tconst lastName = button.getAttribute('data-lastname');\r\n\t\t\t\tconst carNumber = button.getAttribute('data-carnumber');\r\n\t\t\t\tconst carWeight = button.getAttribute('data-carweight');\r\n\t\t\t\tconst groupId = button.getAttribute('data-groupid');\r\n\t\t\t\t\r\n\t\t\t\tconst form = document.getElementById('editRacerForm');\r\n\t\t\t\tform.setAttribute('hx-put', `/api/racers/${id}`);\r\n\t\t\t\t\r\n\t\t\t\tdocument.getElementById('editFirstName').value = firstName;\r\n\t\t\t\tdocument.getElementById('editLastName').value = lastName;\r\n\t\t\t\tdocument.getElementById('editCarNumber').value = carNumber;\r\n\t\t\t\tdocument.getElementById('editCarWeight').value = carWeight;\r\n\t\t\t\tdocument.getElementById('editGroupID').value = groupId;\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\t// Handle delete racer modal\r\n\t\t\tdocument.getElementById('deleteRacerModal').addEventListener('show.bs.modal', function (event) {\r\n\t\t\t\tconst button = event.relatedTarget;\r\n\t\t\t\tconst id = button.getAttribute('data-id');\r\n\t\t\t\tconst name = button.getAttribute('data-name');\r\n\t\t\t\t\r\n\t\t\t\tdocument.getElementById('deleteRacerName').textContent = name;\r\n\t\t\t\t\r\n\t\t\t\tdocument.getElementById('confirmDeleteRacer').onclick = function() {\r\n\t\t\t\t\tfetch(`/api/racers/${id}`, { method: 'DELETE' })\r\n\t\t\t\t\t\t.then(response => {\r\n\t\t\t\t\t\t\tif (response.ok) {\r\n\t\t\t\t\t\t\t\tlocation.reload();\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\talert('Failed to delete racer');\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t</script></body></html>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return nil
+	})
+}
+
+var _ = templruntime.GeneratedTemplate
diff --git a/web/templates/register.templ b/web/templates/register.templ
new file mode 100644
index 0000000..21ba242
--- /dev/null
+++ b/web/templates/register.templ
@@ -0,0 +1,128 @@
+package templates
+
+import (
+	"fmt"
+	"track-gopher/models"
+)
+
+templ Register(groups []models.Group) {
+	<!DOCTYPE html>
+	<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Racer Registration</title>
+		<!-- Bootstrap CSS -->
+		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+		<script src="/static/js/htmx.min.js"></script>
+		<!-- Bootstrap JS Bundle with Popper -->
+		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+	</head>
+	<body class="bg-light">
+		<div class="container py-4">
+			<header class="mb-4">
+				<h1 class="text-center">Racer Registration</h1>
+				<div class="d-flex justify-content-center mt-3">
+					<a href="/" class="btn btn-outline-primary me-2">Race Timer</a>
+					<a href="/admin" class="btn btn-outline-secondary">Admin</a>
+				</div>
+			</header>
+			
+			<div class="row justify-content-center">
+				<div class="col-md-8 col-lg-6">
+					<div class="card">
+						<div class="card-header">
+							<h5 class="mb-0">Register New Racer</h5>
+						</div>
+						<div class="card-body">
+							<form id="registerForm" hx-post="/api/racers" hx-swap="none">
+								<div class="row">
+									<div class="col-md-6 mb-3">
+										<label for="firstName" class="form-label">First Name</label>
+										<input type="text" class="form-control" id="firstName" name="first_name" required/>
+									</div>
+									<div class="col-md-6 mb-3">
+										<label for="lastName" class="form-label">Last Name</label>
+										<input type="text" class="form-control" id="lastName" name="last_name" required/>
+									</div>
+								</div>
+								<div class="row">
+									<div class="col-md-6 mb-3">
+										<label for="carNumber" class="form-label">Car Number</label>
+										<input type="text" class="form-control" id="carNumber" name="car_number" required/>
+									</div>
+									<div class="col-md-6 mb-3">
+										<label for="carWeight" class="form-label">Car Weight (oz)</label>
+										<input type="number" step="0.1" class="form-control" id="carWeight" name="car_weight" required/>
+									</div>
+								</div>
+								<div class="mb-3">
+									<label for="groupID" class="form-label">Group</label>
+									<select class="form-select" id="groupID" name="group_id" required>
+										<option value="" selected disabled>Select a group</option>
+										for _, group := range groups {
+											<option value={ fmt.Sprint(group.ID) }>{ group.Name }</option>
+										}
+									</select>
+								</div>
+								<div class="d-grid">
+									<button type="submit" class="btn btn-primary">Register Racer</button>
+								</div>
+							</form>
+						</div>
+					</div>
+					
+					<div id="successAlert" class="alert alert-success mt-3 d-none">
+						<h4 class="alert-heading">Registration Successful!</h4>
+						<p>The racer has been registered successfully.</p>
+						<hr>
+						<div class="d-flex justify-content-between">
+							<button class="btn btn-outline-success" onclick="resetForm()">Register Another Racer</button>
+							<a href="/admin" class="btn btn-outline-primary">View All Racers</a>
+						</div>
+					</div>
+					
+					<div id="errorAlert" class="alert alert-danger mt-3 d-none">
+						<h4 class="alert-heading">Registration Failed</h4>
+						<p id="errorMessage">There was an error registering the racer.</p>
+						<hr>
+						<button class="btn btn-outline-danger" onclick="dismissError()">Dismiss</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<script>
+			document.getElementById('registerForm').addEventListener('htmx:afterRequest', function(event) {
+				const response = event.detail.xhr;
+				
+				if (response.status === 200 || response.status === 201) {
+					// Show success message
+					document.getElementById('successAlert').classList.remove('d-none');
+					document.getElementById('errorAlert').classList.add('d-none');
+				} else {
+					// Show error message
+					document.getElementById('errorAlert').classList.remove('d-none');
+					document.getElementById('successAlert').classList.add('d-none');
+					
+					try {
+						const error = JSON.parse(response.responseText);
+						document.getElementById('errorMessage').textContent = error.message || 'There was an error registering the racer.';
+					} catch (e) {
+						document.getElementById('errorMessage').textContent = 'There was an error registering the racer.';
+					}
+				}
+			});
+			
+			function resetForm() {
+				document.getElementById('registerForm').reset();
+				document.getElementById('successAlert').classList.add('d-none');
+			}
+			
+			function dismissError() {
+				document.getElementById('errorAlert').classList.add('d-none');
+			}
+		</script>
+	</body>
+	</html>
+} 
\ No newline at end of file
diff --git a/web/templates/register_templ.go b/web/templates/register_templ.go
new file mode 100644
index 0000000..767d31f
--- /dev/null
+++ b/web/templates/register_templ.go
@@ -0,0 +1,81 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.3.833
+package templates
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import templruntime "github.com/a-h/templ/runtime"
+
+import (
+	"fmt"
+	"track-gopher/models"
+)
+
+func Register(groups []models.Group) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Racer Registration</title><!-- Bootstrap CSS --><link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\"><script src=\"/static/js/htmx.min.js\"></script><!-- Bootstrap JS Bundle with Popper --><script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\"></script></head><body class=\"bg-light\"><div class=\"container py-4\"><header class=\"mb-4\"><h1 class=\"text-center\">Racer Registration</h1><div class=\"d-flex justify-content-center mt-3\"><a href=\"/\" class=\"btn btn-outline-primary me-2\">Race Timer</a> <a href=\"/admin\" class=\"btn btn-outline-secondary\">Admin</a></div></header><div class=\"row justify-content-center\"><div class=\"col-md-8 col-lg-6\"><div class=\"card\"><div class=\"card-header\"><h5 class=\"mb-0\">Register New Racer</h5></div><div class=\"card-body\"><form id=\"registerForm\" hx-post=\"/api/racers\" hx-swap=\"none\"><div class=\"row\"><div class=\"col-md-6 mb-3\"><label for=\"firstName\" class=\"form-label\">First Name</label> <input type=\"text\" class=\"form-control\" id=\"firstName\" name=\"first_name\" required></div><div class=\"col-md-6 mb-3\"><label for=\"lastName\" class=\"form-label\">Last Name</label> <input type=\"text\" class=\"form-control\" id=\"lastName\" name=\"last_name\" required></div></div><div class=\"row\"><div class=\"col-md-6 mb-3\"><label for=\"carNumber\" class=\"form-label\">Car Number</label> <input type=\"text\" class=\"form-control\" id=\"carNumber\" name=\"car_number\" required></div><div class=\"col-md-6 mb-3\"><label for=\"carWeight\" class=\"form-label\">Car Weight (oz)</label> <input type=\"number\" step=\"0.1\" class=\"form-control\" id=\"carWeight\" name=\"car_weight\" required></div></div><div class=\"mb-3\"><label for=\"groupID\" class=\"form-label\">Group</label> <select class=\"form-select\" id=\"groupID\" name=\"group_id\" required><option value=\"\" selected disabled>Select a group</option> ")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, group := range groups {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "<option value=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var2 string
+			templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprint(group.ID))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/register.templ`, Line: 64, Col: 47}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var3 string
+			templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(group.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `web/templates/register.templ`, Line: 64, Col: 62}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, "</option>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</select></div><div class=\"d-grid\"><button type=\"submit\" class=\"btn btn-primary\">Register Racer</button></div></form></div></div><div id=\"successAlert\" class=\"alert alert-success mt-3 d-none\"><h4 class=\"alert-heading\">Registration Successful!</h4><p>The racer has been registered successfully.</p><hr><div class=\"d-flex justify-content-between\"><button class=\"btn btn-outline-success\" onclick=\"resetForm()\">Register Another Racer</button> <a href=\"/admin\" class=\"btn btn-outline-primary\">View All Racers</a></div></div><div id=\"errorAlert\" class=\"alert alert-danger mt-3 d-none\"><h4 class=\"alert-heading\">Registration Failed</h4><p id=\"errorMessage\">There was an error registering the racer.</p><hr><button class=\"btn btn-outline-danger\" onclick=\"dismissError()\">Dismiss</button></div></div></div></div><script>\r\n\t\t\tdocument.getElementById('registerForm').addEventListener('htmx:afterRequest', function(event) {\r\n\t\t\t\tconst response = event.detail.xhr;\r\n\t\t\t\t\r\n\t\t\t\tif (response.status === 200 || response.status === 201) {\r\n\t\t\t\t\t// Show success message\r\n\t\t\t\t\tdocument.getElementById('successAlert').classList.remove('d-none');\r\n\t\t\t\t\tdocument.getElementById('errorAlert').classList.add('d-none');\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Show error message\r\n\t\t\t\t\tdocument.getElementById('errorAlert').classList.remove('d-none');\r\n\t\t\t\t\tdocument.getElementById('successAlert').classList.add('d-none');\r\n\t\t\t\t\t\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tconst error = JSON.parse(response.responseText);\r\n\t\t\t\t\t\tdocument.getElementById('errorMessage').textContent = error.message || 'There was an error registering the racer.';\r\n\t\t\t\t\t} catch (e) {\r\n\t\t\t\t\t\tdocument.getElementById('errorMessage').textContent = 'There was an error registering the racer.';\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tfunction resetForm() {\r\n\t\t\t\tdocument.getElementById('registerForm').reset();\r\n\t\t\t\tdocument.getElementById('successAlert').classList.add('d-none');\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tfunction dismissError() {\r\n\t\t\t\tdocument.getElementById('errorAlert').classList.add('d-none');\r\n\t\t\t}\r\n\t\t</script></body></html>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return nil
+	})
+}
+
+var _ = templruntime.GeneratedTemplate