Skip to content

Improvements from Phase I to Phase II

nc22349 edited this page Apr 7, 2017 · 2 revisions

Front End

Interactive Model Tables

All of our model tables are now sortable and searchable. This is a realization of our site's initial promise: we make it easy for users to discover new users, games, and even genres. To do this, we made use of a jQuery datatable library.

In the search bar, the user can search for any string used as a row value in the table. (For more details, see our use cases.)

Users can also sort the tables by any column, further enabling discovery. (Again, see our uses cases for more.)

Live Streamer Pages for Each Game

For every game, we now include a table that shows which users are currently streaming that game. Note: This table uses live data pulled from the Twitch API. You can access these tables by going to a game's page and clicking the More streamers button.

As with our interactive model tables, this table can be searched and sorted. We make it easy to use the table to browse current streamers by language and number of followers.

Greater Variety of Genres

Our genre classification is more nuanced, drawing on a wider range of data. For example, whereas before we only used a handful of umbrella genres like RPG, we now have relatively niche subcategories like Survival and Strategy. This will help people make discoveries with our tables, and also give them a better understanding of a game from looking at the genre listings on its page.

Additional Features on Splash Page

We added information on upcoming games and gaming events.

Back End

Bootstrapped GUI

All pages are now laid out using Bootstrap, ensuring that they adjust properly to screens of different sizes.

Single-Location Navbar

There had been a few instances where we changed some file path and consequently had to edit every html file's navbar; not only was that impractical, but--as a matter of principle--any element that is identical from page to page should only be defined once. So we created a JS file that generates a navbar on every page.