TECHFEST PLATFORM

Event Platform · 2025

Next.js 16TypeScriptPostgreSQLPrismaTailwindCSSShadcn UI
TECHFEST PLATFORM

My Role: Full Stack Developer — Designed, developed, and deployed the entire platform end-to-end as the sole developer.

Overview

The official registration portal and admin dashboard for INSPRANO 2025, the annual technical fest of Government College of Engineering, Kalahandi. Built to replace the chaos of Google Forms, spreadsheets, and manual tracking with a single platform that handles everything — registrations, payments, teams, and analytics.

On the participant side, students can browse events across categories like Hackathon, Robotics, and Gaming, register individually or as a team, upload payment proofs, and receive auto-generated QR codes. The organizer dashboard provides real-time stats, event CRUD with a Tiptap rich text editor, payment verification, accommodation management, Excel exports, PDF invoice generation, and an in-app support ticket system.

Authentication is handled through Better Auth with role-based access control. Arcjet provides rate limiting and bot protection. Files are stored on AWS S3, and the entire platform is deployed on Vercel with Prisma ORM managing the PostgreSQL database.

Key Highlights

Handled 500+ registrations across 20+ events during the live fest

Built a complete admin dashboard with real-time analytics and charts

Implemented payment verification flow with screenshot uploads to S3

Added accommodation booking system for outstation participants

Integrated rich text editing for event descriptions using Tiptap

Auto-generated QR codes and PDF invoices for each registration

Built an in-app support ticket system for participant queries

Deployed with Arcjet rate limiting and bot protection for security

Features

  • Event browsing across 8+ categories
  • Online registration with Zod validation
  • Payment screenshot upload
  • Auto-generated QR codes
  • Live announcements feed
  • Real-time stats & Recharts analytics
  • Event CRUD with Tiptap rich text editor
  • Payment verification workflow
  • Accommodation management
  • Excel exports & PDF invoice generation
  • Support ticket system
  • Registration toggle (open/close site-wide)
  • Better Auth with session-based RBAC
  • Server-side admin route protection
  • Arcjet rate limiting & bot protection

Tech Stack

LayerTechnology
FrameworkNext.js 16 (App Router, RSC)
LanguageTypeScript
StylingTailwind CSS v4 + shadcn/ui
DatabasePostgreSQL + Prisma ORM
AuthenticationBetter Auth (RBAC)
File StorageAWS S3
Rich TextTiptap Editor
ChartsRecharts
FormsReact Hook Form + Zod
SecurityArcjet (rate limiting & bot protection)
DeploymentVercel

Project Structure

app
(auth)
login
register
(dashboard)
admin
participant
api
auth
events
registrations
upload
payments
layout.tsx
page.tsx
globals.css
components
ui
button.tsx
card.tsx
data-table.tsx
forms
register-form.tsx
event-form.tsx
payment-form.tsx
modals
verify-payment.tsx
lib
auth.ts
db.ts
s3.ts
arcjet.ts
qr.ts
utils.ts
prisma
schema.prisma
middleware.ts
next.config.ts
.env
package.json
tsconfig.json

Screenshots

TECHFEST PLATFORM screenshot 1
TECHFEST PLATFORM screenshot 2
1 / 2