Exercise bank

Guided tasks for UI, API, unit, accessibility, and non-functional practice.

Use these challenges during live classes, homework, assessments, or pair exercises.

What this page is doing

It turns the app into a structured training platform rather than just a demo website.

UI challenges

  • Automate valid and invalid login flows
  • Assert modal open and close behaviour
  • Update the slider and confirm the value changes
  • Verify hover state messaging

API challenges

  • Validate contract shape for /api/products
  • Check login returns token and role
  • Handle 400 and 401 responses cleanly
  • Measure slow endpoint duration

Unit challenges

  • Add tests for average()
  • Cover sorting error conditions
  • Refactor with parameterised test data

Non-functional challenges

  • Run an accessibility scan across key pages
  • Do a quick performance smoke against the slow endpoint
  • Check responsive layout at mobile widths
  • Review focus states and landmark structure