MCC Website

MIST Computer Club's official website designed to showcase activities, events, upcoming contest announcements, MIST performances in various National and International programming competitions and most importantly managing the club activities.

MCC Website — screenshot 1
MCC Website — screenshot 2
MCC Website — screenshot 3
MCC Website — screenshot 4
MCC Website — screenshot 5
01 / 05
Frontend Lead & Core Developer
1.5 years
Live
Live DemoSource Code
Overview

About this project

The MCC Website is the official digital hub of the MIST Computer Club, serving over 200 active members with event management, contest tracking, and club administration.

Built with Next.js and Supabase, the platform combines a public-facing showcase of club activities with a private admin dashboard for the executive committee. The public side features event listings, contest announcements with real-time standings, a member directory, and a gallery of achievements from national and international programming competitions.

The admin portal provides role-based access control for content publishing, event creation, member management, and analytics. Supabase handles authentication, file storage, and the PostgreSQL backend, while Next.js ISR ensures fast page loads for dynamic contest data.

With a 6-person team working across frontend, backend, and design, the project required careful coordination and a shared component library to maintain consistency across all pages.

Tech Stack

Technologies used

Frontend
Next.js

Next.js

React framework with SSR, ISR, and App Router

TailwindCSS

TailwindCSS

Utility-first CSS framework for rapid styling

Backend
Bun

Bun

Fast all-in-one JavaScript runtime & toolchain

Database
Supabase

Supabase

Open-source Firebase alternative with PostgreSQL

PostgreSQL

PostgreSQL

Advanced relational database with strong integrity

Like what you see?

Interested to work together on something similar? Let's connect and build something great.