Web ApplicationYear 2026•Completed
RMSTU Notice Hub Reimagined
Server-rendered portal for official university announcements.
DomainWeb Application
Timeline2026
Technologies7 Stack Tools
StatusCompleted
The Problem
University notice pages loaded slowly on mobile networks, lacked search capabilities, and required opening external PDF downloads for simple updates.
What It Does
- ✓Server-side scraping and HTML parsing using Cheerio
- ✓Notice categorization across Academic, Events, News, and General
- ✓Inline PDF document viewing using react-pdf
- ✓Theme toggle with persistent local storage
- ✓Route prefetching and pagination with TanStack Router
How It Works & Architecture
Built on TanStack Start. Server functions scrape official university notice feeds, extract titles and document attachments, and cache results with TanStack Query.
Technical Challenges
- !Parsing non-standard legacy HTML across different department posts.
- !Rendering inline PDFs smoothly on mobile browsers.
What I Learned
- ★Server-side scraping and caching significantly improve access to unstructured public data.
On This Page
Technology Stack
React 19TanStack StartTanStack RouterTanStack QueryCheerioTailwind CSS v4react-pdf