Skip to main content
What’s On is Chapter’s unified discovery hub that brings together courses, universities, accommodation, events, societies, sports, and open days into a single map-based search experience.

Overview

What’s On adapts to show relevant categories based on your student journey stage:
  • Courses (28,000+ options)
  • Universities (140+ institutions)
  • Open Days (400+ events)
  • Accommodation (2,500+ properties)
  • Apprenticeships (job listings)

Map-First Interface

The primary view is an interactive map with overlaid search controls:

Map Features

Markers

Color-coded pins for different categories (courses, events, properties)

Clustering

Automatic grouping of nearby items with count badges

Annotations

City markers that filter results when tapped

Camera

Independent viewport for each category (remembers your position)

Map Controls

Choose from map styles:
  • Standard: Clean streets and labels
  • Satellite: Aerial imagery
  • Hybrid: Satellite with street overlays
  • Dark: Night mode map
Adjust map lighting for time of day:
  • Day, Dawn, Dusk, Night
  • Recenter on current location
  • Show distance radius
Map style and light preset preferences are saved and persist across app sessions.

Category Selector

Horizontal scrolling pill selector at the top:

Available Categories

28,000+ university courses across the UK
Tap any category to switch the map view and search results.
Categories are context-aware: prospects see different options than enrolled students.
Persistent search interface at the top showing:
  • Current search query (or category default)
  • Active filter count badge
  • Sort button (tap to cycle, long-press for menu)
  • Filter button (opens advanced filters)

Smart Search Titles

Search bar displays context-specific placeholders:
CategorySearch Title
Courses”Search 28k+ Courses”
Universities”Search 140+ Universities”
Open Days”Search 400+ Open Days”
Accommodation”Search 2.5k+ Properties”
Events”Search 10k+ Events”
Societies”Search 20K+ Societies”

Search Subtitles

Contextual hints below the search bar:
“Business · Law · Medicine · Psychology”

Draggable Search Sheet

Below the map, a draggable sheet displays search results:

Sheet Positions

1

Collapsed (Bottom)

Shows category selector and result count. Map fully visible.
2

Half-Sheet (Middle)

Scrollable result list with map visible at top.
3

Full-Screen (Top)

Results take over screen. Map header still visible.
Drag the sheet handle up/down to adjust height. The map zooms in/out automatically based on sheet position.

Sheet Sync

Zoom synchronization:
  • Expanding sheet (dragging up) → Map zooms out for broader area view
  • Collapsing sheet (dragging down) → Map zooms in for detail
  • Smooth 1:1 gesture tracking for natural feel
Zoom sync uses the base zoom level when drag starts, preventing jarring camera jumps.

Search Results

Results are displayed as cards in the sheet:

Course Cards

  • Course name and university
  • UCAS code
  • Entry requirements
  • Tuition fees
  • Match percentage (if using Course Match)

University Cards

  • University logo and name
  • Location and founded year
  • Student population
  • Key rankings
  • Russell Group badge

Accommodation Cards

  • Property images (swipeable carousel)
  • Property name and provider
  • Room types and prices
  • Distance to campus/city center
  • Amenity icons

Event Cards

  • Event cover image
  • Title and venue
  • Date and time
  • Ticket price
  • Event category badge

Open Day Cards

  • University logo
  • Event type (in-person/virtual)
  • Date and time
  • Registration link
  • Subjects covered

Advanced Filters

Tap the filter button to open category-specific filters:

Courses Filters

  • Subject category (Business, STEM, Arts, etc.)
  • Specific course keywords
  • UCAS points range
  • A-Level grades
  • Qualification types accepted
  • City/region
  • Distance from your location
  • Campus type
  • Tuition fee range
  • Total cost estimate

Accommodation Filters

  • Weekly rent range (£47-£655)
  • Annual cost calculation
  • Single rooms
  • Studios
  • Apartments
  • WiFi, Gym, Common Room, Study Area, Cinema
  • Security, Parking, Bike Storage
  • University halls
  • Private PBSA providers

Events Filters

  • Today, This Week, This Month
  • Custom date picker
  • Club Nights, Gigs, Sports, Academic
  • Freshers Events, Societies
  • Free events only
  • Max ticket price

Open Days Filters

  • Event Type: In-person, Virtual, Hybrid
  • Date Range: Upcoming, This Month, Next 3 Months
  • Subject Area: Filter by degree subject
  • University: Specific institutions
Filter count badge on the search bar shows total active filters across all categories.

Sorting Options

Quick sort accessed via the sort button:
Cycles through common sort methods:
  • Distance (nearest first)
  • Price (cheapest first)
  • Relevance (best match)
The sort icon changes to show current sort method (e.g., location pin for distance, £ for price).

City Filtering

Tap city annotations on the map to filter results:
1

Select City

Tap a city marker (e.g., “London”, “Edinburgh”)
2

View Results

Map zooms to that city, results filter automatically
3

Clear Filter

Tap the city badge at the top to remove filter
City filter shows in search bar subtitle: “in London” or “in Edinburgh”.

Map Preview Cards

When you tap a map marker, a preview card appears:

Quick Info

  • Primary image
  • Title and key details
  • Price/cost information
  • Quick action button (“View Details”)

Actions

  • View Full Details: Opens full profile
  • Add to Shortlist: Quick save (courses/universities)
  • Directions: Get walking/driving directions
Preview cards automatically collapse when you tap another marker or drag the map.

Header Visibility

Intelligent header hiding:
  • Scrolling down in sheet (results moving up) → Header hides
  • Scrolling up in sheet (results moving down) → Header shows
  • Sheet position: Header hides when sheet is fully expanded and scrolled
This maximizes screen space for results while keeping controls accessible.

Search Overlay

Tap the search bar to open full search interface:
  • Large search input field
  • Recent searches (last 10 per category)
  • Suggested filters
  • Quick category shortcuts
1

Enter Search

Type your query (debounced for performance)
2

Select Suggestion

Tap recent search or autocomplete result
3

View Results

Search executes, overlay closes, results update

Recent Searches

Automatically saved per category:
  • Stored in Supabase (synced across devices)
  • Tap to re-run search
  • Tap X to delete individual searches
  • “Clear All” button to reset
Recent searches are category-specific. Switching categories shows different search history.

Performance Optimizations

Data Loading

  • Skeleton screens during first data fetch
  • Category data loaded on-demand (not all at once)
  • Map markers load separately from sheet results

Search Debouncing

All search inputs are debounced:
  • Text Search: 500ms delay after typing stops
  • Filters: 1-second delay after filter change
  • Map Pan: Results update when map stops moving
This prevents excessive API calls and ensures smooth performance.

Integration with Other Features

What’s On connects to:

Hub

Recent searches and recommendations appear in Hub carousels

Course Discovery

Shares course data and filters

University Search

Shared university profiles and rankings

Accommodation

Unified property search with map integration

Best Practices

  • Explore unfamiliar cities visually
  • Compare distances between properties and campuses
  • Discover clusters of options in specific areas
  • Start broad, narrow down gradually
  • Use price and distance together for accommodation
  • Filter by date for events and open days
  • Recent searches auto-save per category
  • Shortlist items for later comparison
  • Share discoveries with family/friends

Troubleshooting

  • Check internet connection
  • Allow location services for distance features
  • Force refresh by pulling down on the sheet
  • Clear some filters to broaden search
  • Check you’re in the correct category
  • Verify city filter isn’t too restrictive
  • Wait for debounce delay (text search: 500ms)
  • Scroll the sheet to trigger pagination
  • Close and reopen filter sheet to apply changes

Build docs developers (and LLMs) love