Skip to main content
MP
← Back to Projects
Web Platform2026 - Present

GEN AI CLUB

“A full-stack community platform for Gen AI Club that brings together events, member works, applications, notifications, and admin operations in one place.”

Role

Full-Stack Developer and Maintainer

Stack
Next.jsReactTypeScriptSupabaseTailwind CSSFramer MotionGSAP
Status

Live

Overview

Gen AI Club is the official digital platform for the NIAT x Crescent Gen AI Club community. It serves as a central hub for club identity, discovery, and participation, with a polished public experience for visitors and a functional workspace for members and admins.

The platform supports the complete lifecycle of community engagement: authentication, member onboarding, event publishing and registration, project and work submissions, mentor applications, and contact workflows. It also includes a dedicated Prompt Wars module with participant submissions, live leaderboard updates, and announcements.

Built with a modern Next.js App Router architecture and Supabase backend services, the project emphasizes developer ergonomics, responsive UI, and operational reliability. It combines strong validation, role-based permissions, and real-time features to support a production-grade student-tech community product.

Screenshots

Key Features

→
Authentication & Accounts — Email and password sign-up, login, logout, reset password, and protected routes with server-aware session checks.
→
Member Onboarding Flows — Structured join requests and mentor application pipelines with review status management.
→
Events Management — Public events listing, upcoming filters, registration tracking, and admin event moderation.
→
Works Gallery — Community project gallery with category filters, search, featured entries, and moderation states.
→
Prompt Wars Module — Dedicated competition page with submissions, countdown and event state, leaderboard ranking, and admin scoring actions.
→
Real-Time Notifications — In-app notification center backed by Supabase Realtime subscriptions.
→
Admin Control Panel — Unified interface for events, works, requests, mentors, contact messages, and showcase management.
→
Feedback Collection — Authenticated on-site feedback widget integrated with server-side webhook forwarding for external analysis.

Tech Deep Dive

This project uses Next.js 16 with the App Router to separate server and client concerns cleanly, while Supabase powers authentication, Postgres data, realtime subscriptions, and storage. API routes enforce validation through Zod schemas and role-aware authorization, with admin checks tied to user profile flags in the database. The schema is structured with RLS policies, triggers, and helper functions to keep data secure and consistent, including event registrations, moderated works, and Prompt Wars competition tables. On the frontend, React context providers coordinate auth, notifications, and user preferences; Framer Motion and GSAP support animated UI interactions; and reusable UI primitives keep page-level composition maintainable across public, member, and admin surfaces.

Next ProjectHUNTR →