Website Overview & Scope

This platform was engineered for Lakshay Raj Singh's Delhi University student outreach and election campaign. The core goal was to bridge the information gap across all DU campuses by providing detailed insights into every college, course offerings, and surrounding student hubs.

The entire application was built using Next.js, leveraging its unified full-stack capability for both frontend rendering and backend API management. Styled with Tailwind CSS, the platform delivers a lightning-fast, mobile-first responsive experience for thousands of students.

Scope & Features: The system houses structured data for North Campus, South Campus, and out-of-campus colleges, detailing nearby student accommodations, hangout spots, and essential facilities. It includes a secure Admin Panel to manage content dynamically.

Launch Date

2026

Project Duration

7 Days

Web Platform User Roles

DU STUDENT / VOTER

Explores campus directories, checks college-specific details, reads updates, and navigates local student guides without logging in.

ADMINISTRATOR

Manages college lists, updates campus data, handles announcements, and moderates platform inputs via the secure admin dashboard.

CAMPAIGN MANAGER

Monitors student engagement metrics, tracks content reach, and coordinates digital outreach initiatives.

How It Was Built (7-Day Sprint)

1

Day 1: Requirement Gathering & Database Schema

Structured the relational MySQL database to map DU campuses, colleges, local areas, and admin credentials.

2

Day 2-3: Next.js Frontend & Tailwind UI

Developed the core responsive interface using Next.js and Tailwind CSS, ensuring optimal readability on mobile devices.

3

Day 4-5: Backend API Routes & Admin Panel

Built secure Next.js API endpoints and integrated a full-featured admin dashboard for managing college information dynamically.

4

Day 6: Campus & Local Data Integration

Populated the database with extensive information regarding North/South campus colleges and surrounding student facilities.

5

Day 7: Performance Optimization & Deployment

Executed SSR optimizations, thoroughly tested UI responsiveness, and deployed the live platform to production.

website

Web Interface Preview

Delhi University Campus & College Directory

Our Expertise

Web Technology Stack

Modern Full-Stack Setup

Next.js & React

Tailwind CSS

Next.js API Routes

MySQL Database

Deep Dive: Platform Features & Architecture

Comprehensive Campus & College Directory

Structured data covering North Campus, South Campus, and off-campus colleges. Details specific course offerings, student facilities, and local student ecosystems.

Centralized Admin Control Panel

A secure, role-based backend management system built directly into Next.js. Allows administrators to update college data, add announcements, and manage student queries effortlessly.

Local Area & Student Hub Mapping

Provides detailed information about areas surrounding DU colleges, including student housing, nearby markets, hangouts, and essential transit points.

Server-Side Rendering & SEO Optimization

Optimized via Next.js SSR to ensure lightning-fast page transitions and strong search engine indexing for student searches during election season.

Project Impact & Outcomes

Massive Student Reach

Successfully connected thousands of Delhi University students across various campuses through a centralized digital hub.

Rapid 7-Day Deployment

Delivered a complete full-stack portal with database management and admin controls in a strict one-week sprint.

Mobile-First Engagement

Tailwind-driven responsive layout ensured smooth browsing and high engagement rates directly from smartphones.

Secure Admin Control

MySQL and Next.js backend architecture kept all platform updates and student data secure and fully functional.

Key Takeaways

Next.js full-stack architecture is ideal for rapid 7-day political or student election web campaigns requiring an admin panel.

Organizing complex university hierarchies (campuses, colleges, local areas) into a clean relational MySQL schema streamlines data management.

Time & Effort Analysis

Breakdown of the 7-day development sprint

Total Project Hours

56

Delivered across a 7-day sprint

DB Schema & Setup 8 hrs · 14.3%

Next.js Frontend & Tailwind 20 hrs · 35.7%

Backend APIs & Admin Panel 16 hrs · 28.6%

DU Campus & College Data Entry 8 hrs · 14.3%

Testing & Deployment 4 hrs · 7.1%

7

Days Duration

3

Main DU Campuses

100

Admin Control (%)

Challenges & Solutions

Problem: Handling detailed information for dozens of DU colleges, campuses, and surrounding localities without slowing down the site.

Solution

Designed a normalized MySQL schema and implemented efficient Next.js API query routing to load campus details instantly.

Problem: Delivering a robust platform with a full admin panel before the election deadline.