UGC Computing Programs Directory

A web directory of recognised undergraduate and postgraduate computing degree programs offered by state universities and higher education institutes in Sri Lanka.

Published by the Standing Committee of Computing, University Grants Commission (UGC) of Sri Lanka.

Overview

This application helps students, educators, and policymakers explore computing programs across Sri Lankan universities and institutes. Browse by institution, search by keyword, and filter programs by type and computing discipline.

Features

• Home page — overview statistics and a browsable grid of universities and institutes
• Programs page — searchable, filterable listing of all computing programs
• Statistics page — interactive admissions summary, stream-based categorization, and dynamic pivot tables of student intake counts
• Multi-select filters — combine universities, program types (UG/PG), disciplines, and academic streams
• Program details — modal view with faculty, department, discipline, duration, SLQF level, UGC approval, and related metadata
• Deep linking — selecting a university or academic stream from home/stats page opens pre-filtered views

Tech Stack

• React 18 + TypeScript
• Vite for development and production builds
• React Router for client-side routing
• Tailwind CSS for styling
• Lucide React for icons

Program and university data is served as static JSON from public/data/.

Getting Started

Prerequisites

• Node.js 18 or later
• npm

Install and run

npm install
npm run dev

Open http://localhost:5173 in your browser.

Build for production

npm run build
npm run preview

The production build is output to dist/.

Lint

npm run lint

Project Structure

public/
  data/
    programs.json       # Program records with discipline classifications
    universities.json   # University and institute metadata
  images/               # University logos and UGC branding assets

src/
  components/
    HomePage.tsx        # Landing page with stats and university grid
    ProgramsPage.tsx    # Search, filters, and program listings
    ProgramModal.tsx    # Program detail dialog
    ProgramCard.tsx     # Program list item
    MultiSelectFilter.tsx
    UniversityCard.tsx
    UniversityLogo.tsx
    StatsStrip.tsx
    Header.tsx
    Footer.tsx
  types/
    index.ts            # TypeScript interfaces for program and university data
  App.tsx               # Routes: / and /programs
  index.css             # Global styles and Tailwind layers

Data

Universities (public/data/universities.json)

Each entry includes the institution name, type, logo image, and establishment details.

Programs (public/data/programs.json)

Each program record includes:

• University / HEI, faculty, and department
• Program name and qualification abbreviation
• Discipline (IEEE/ACM-aligned classification)
• Program level (UG or PG)
• Duration, SLQF level, medium of instruction
• UGC approval status and related metadata

License

Copyright © 2026 University Grants Commission – Sri Lanka. All Rights Reserved.