~/piyush_varma
Back to Blog

MUJ AIML Exam Seating Portal: Streamlining the Exam Experience

May 3, 2026·4 min read

MUJ AIML Exam Seating Portal

A specialized tool built to streamline the exam experience for students at Manipal University Jaipur (MUJ).

URL: muj-aiml-seating.vercel.app
Domain: Ed-Tech / Web Utility
Core Function: Instant room and seat lookup for End-Term and Program Elective exams.

🎭 The STAR Method Breakdown

📍 Situation (The Problem)

At Manipal University Jaipur (MUJ), exam seating plans are typically released as massive, multi-page PDFs containing thousands of registration numbers.

  • The Chaos: Students had to manually scroll through 50+ pages on their phones minutes before an exam to find their room and seat.
  • Complexity: Different subjects (Program Electives) had overlapping schedules and fragmented seating lists across multiple buildings.
  • Stress: The manual search process led to pre-exam anxiety and bottlenecks at building entrances.

🎯 Task (The Goal)

The objective was to build a "Zero-Friction" portal where a student could:

  1. Enter their registration number and get their seat/room instantly.
  2. Visualize their exact seat position in a room grid.
  3. Access the portal on any device (mobile-first) with high performance and low data usage.

🛠️ Action (What We Did)

I engineered a high-performance web application using a modern full-stack approach:

1. Data Architecture & Processing:

  • Schema Design: Designed a JSON-based database (students.json) capable of mapping thousands of records across multiple exam dates and subjects.
  • Mapping Logic: Implemented a custom algorithm to convert "Seat Index" (from column-wise PDF lists) into precise (Row, Column) coordinates for visual grids.

2. Premium Frontend Development:

  • Framework: Built with Next.js 15 (App Router) for optimized server-side rendering and routing.
  • UI/UX: Designed a premium, futuristic aesthetic using Tailwind CSS v4 and Space Grotesk typography.
  • Interactive Visuals: Developed a dynamic room grid component using Framer Motion where the student's seat is highlighted with a pulse animation.
  • Dynamic Background: Integrated a Three.js animated neural network mesh that reacts to theme changes.

3. Advanced Analytics & Tracking:

  • Search Tracking: Integrated PostHog to capture search queries in real-time.
  • Behavioral Analysis: Implemented Microsoft Clarity for session recordings to identify UX bottlenecks.
  • Vercel Analytics: Used for performance and core web vitals monitoring.

4. SEO & Accessibility:

  • SEO Optimization: Configured comprehensive meta tags (OpenGraph, Twitter Cards) to ensure professional previews when shared on WhatsApp/Telegram.
  • Responsiveness: Ensured 100% mobile responsiveness.

🧠 Challenges & Engineering Solutions

  • Challenge: Complex Mapping Logic
    • Issue: MUJ seating PDFs list students by column (filling R1C1, then R2C1...), but web grids are usually row-major.
    • Solution: Wrote a coordinate converter: col = Math.floor(index / rowsPerCol) + 1 and row = (index % rowsPerCol) + 1.
  • Challenge: Data Integrity
    • Issue: Handling thousands of students across different Program Elective (PE) combinations.
    • Solution: Structured the data with a unique registration number key mapping to an array of exams, ensuring one search reveals the entire schedule.
  • Challenge: SEO Visibility
    • Issue: Students would search "MUJ seating plan" on Google.
    • Solution: Implemented dynamic metadata, JSON-LD, and verified the site with Google Search Console, resulting in high ranking for department-specific keywords.

📈 Vercel Analytics & Real-World Impact

The following data points were captured during the End-Term Examination window (April-May 2026), proving the real-world utility and scale of the portal:

  • Total Reach: Successfully served 1,852 unique visitors with 2,934 total page views in a 10-day period.
  • Mobile-First Success: 90% of all users accessed the portal via mobile devices, validating the responsive design strategy for on-the-go students.
  • Performance Peaks: Traffic spikes perfectly correlated with the university exam schedule, with single-day peaks of 400+ unique visitors.
  • Geographic Focus: 99% of traffic originated from India, confirming 100% adoption within the target university community.

🏆 Final Impact Summary

  • Reduced seat-finding time from ~3 minutes (manual PDF scroll) to <2 seconds.
  • Maintained 100% uptime during peak concurrency windows (exam mornings).
  • Eliminated pre-exam confusion for 1,800+ students, significantly reducing bottlenecks at exam hall entrances.