Currently when the fetch API receives some error from the database server, the visual error message is not user-friendly. Will try the following approaches:

• Turn the dropdowns to red somehow, or add some "disabled" icons to indicate the error
• Display an error toast to hint the user to refresh or wait for the server to reopen.

Currently the graph uses a smoothing configuration. However, when the data is few (e.g. in summer term), there smoothing produces a confusing visual pattern. Maybe:

• Auto-disable the smoothing when the number of data is below a specific threshold.
• Allow users to toggle the smoothing.

Currently the menu items as external link have the default style provided by user agent (e.g. blue color and underline). Want to disable this styling and unify the appearance.

As there are tons of courses being monitored together, such a rolling board will be beneficial for users to get aware of some significant changes and seize the chance to enroll some courses.

To be specific, the backend will continuously update a list containing the latest changes in course status such as:

[
  {
    "Course" : "COMP2012H",
    "Section" : "L1(xxxx)",
    "Type" : "Quota Change",
    "Value" : 30,     # value may be negative
    "Time" : xxxxxxxxxx (an integer time stamp)
  },
  {
    "Course" : "COMP2012H",
    "Section" : "L1(xxxx)",
    "Type" : "Waitlist Advance",
    "Value" : 10,     # value may be negative
    "Time" : xxxxxxxxxx (an integer time stamp)
  }
]

The list can be retrieved by an API (to be developed), supporting customized time range (e.g., the latest 15 minutes). Display the retrieved information like the way in some stock websites (such as https://www.bloomberg.com/asia) will be quite impressive.