Overview
School Ranking Platform brings school ranking and assessment data into one clear interface. Students and parents can search, filter, and compare schools without working through scattered documents or difficult-to-navigate sources.
Challenge
School assessment data is often spread across documents and websites that are difficult to search. Users need a clearer way to narrow results by location, school type, and score range.
Solution
I built a React single-page application with dynamic search and filters, presenting assessment data in a responsive layout that works across desktop and mobile screens.
Key features
- School leaderboard Presents school scores and ranking indicators in a structured leaderboard.
- Search and filters Filters schools by name, province, educational authority, and score range.
- Comparison view Places important indicators side by side to make differences easier to understand.
- Responsive interface Adapts tables, filters, and supporting content for desktop and mobile use.