Case StudyFull-Stack2026

Christ University CSA

Samagra - Computer Science Department Portal

The official web portal for the Computer Science Association (SAMAGRA) at Christ University. Centralizes academic announcements, event scheduling, student committees, club activities, and student blogs.

Live Demo

View Source Code

Key Highlights

React 19 · Vite 8 · Tailwind CSS v4 · tsParticles

Built a fully dynamic navigation and page system using React Router v7
Interactive club directory showcasing student programming activities
Smooth scrolling container with Lenis and canvas particles background
Clean UI layout leveraging Tailwind CSS v4's fast build times

Tech Stack & Tools Used

React

Vite

Tailwind CSS v4

tsParticles

Lenis

Framer Motion

React Router v7

Zustand

01. Problem

Department notices and student club updates were fragmented and lacked a clean, centralized digital platform.

02. Design

Designed a professional academic portal using dark/light teal color accents, featuring particle effects on the Hero page.

03. Build

Developed modular pages for Clubs, Events, and Members, implementing React 19 and Vite 8 for hot-reloading speed.

04. Outcome

Deployed to Vercel, providing a streamlined hub for the CS department student body.

Outcome

Centralized CS department information, providing a smooth user experience through Lenis scroll animations and canvas-based particles.

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

Back to Portfolio

MRG.

Initializing Experience...

Back to portfolio