TECHFEST PLATFORM

Event Platform · 2025

Next.js 16
TypeScript
PostgreSQL
Prisma
TailwindCSS
Shadcn 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

(8)
01

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

02

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

03

Implemented payment verification flow with screenshot uploads to S3

04

Added accommodation booking system for outstation participants

05

Integrated rich text editing for event descriptions using Tiptap

06

Auto-generated QR codes and PDF invoices for each registration

07

Built an in-app support ticket system for participant queries

08

Deployed with Arcjet rate limiting and bot protection for security

Features

(15)
  • 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

(11)
01Framework
Next.js 16 (App Router
RSC)
02Language
TypeScript
03Styling
Tailwind CSS v4
shadcn/ui
04Database
PostgreSQL
Prisma ORM
05Authentication
Better Auth (RBAC)
06File Storage
AWS S3
07Rich Text
Tiptap Editor
08Charts
Recharts
09Forms
React Hook Form
Zod
10Security
Arcjet (rate limiting & bot protection)
11Deployment
Vercel

Project Structure

(Directory Tree)
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

(2)
TECHFEST PLATFORM screenshot 1
TECHFEST PLATFORM screenshot 2
1 / 2