FLUX - Cyberpunk IT & Cultural Fest

A cyberpunk-themed intercollegiate fest website built for the Department of Computer Science. Features a gamified hacker registration sequence, countdown timer, matrix-rain canvas, and a built-in search chatbot.

Live Demo

View Source Code

Key Highlights

Next.js 16 · Cyberpunk Theme · Canvas Effects · Custom Chatbot

Custom matrix cyber-rain backdrop using HTML5 canvas context API
Built-in keyword-matching chatbot to assist attendees with event rules and fees
Interactive cyberpunk event grid showcasing tech and cultural categories
Mock registration modal with a gamified loading indicator

Tech Stack & Tools Used

React

Next.js

Tailwind CSS v4

Axios

Lucide React

01. Problem

Christ University fests need immersive, theme-focused portals that engage students and handle registrations.

02. Design

Crafted a neon-glowing cyberpunk layout with matrix green, cyan, and magenta accent colors.

03. Build

Implemented the site in Next.js 16 and Tailwind CSS v4, drawing a dynamic grid of technical and cultural events.

04. Outcome

Delivered an interactive, theme-rich landing page complete with mock registration and an assistant bot.

Outcome

Built a highly interactive event website with a custom keyword-matching assistant chatbot and mock registration api.

Demonstrates end-to-end software execution, clean UI polish, and practical problem solving.

Back to Portfolio

MRG.

Initializing Experience...

Back to portfolio

Case StudyFrontend2026

Christ University Department Fest