Completed

Event Management & Admin Portal

Admin Dashboard
Admin Dashboard

About This Project

A comprehensive admin portal designed for managing events, tournaments, communications, and administrative tasks with robust real-time capabilities.

Tech Stack

  • Frontend: Next.js (React framework) with TypeScript for type safety

  • Styling: Tailwind CSS

  • Deployment: Azure Web Apps with CI/CD pipelines using GitHub Actions

Key Features

  • Tournament & Bracket Management: Create, update, and manage events with bracket generation.

  • Payment Processing: Integrated secure payment workflows.

  • News Feed: Rich text editor (TipTap) for publishing announcements and updates.

  • Chat/Inbox System: Real-time communication powered by Firebase.

  • User Management: Authentication, authorization, and user role control.

  • Dashboard Interface: Modern, responsive design for admins and managers.

Architecture Highlights

  • Next.js app directory structure with a reusable dashboard layout.

  • Firebase integration for real-time features and scalable backend services.

  • Environment-specific configurations for development, staging, and production.

  • Automated deployments with CI/CD pipelines on Azure.

Major Components

  • Bracket Management System for tournaments

  • Secure Payment Form

  • Real-time Chat Interface

  • News Feed Editor with rich text capabilities

  • User Authentication and Authorization