gia's Introduction

Gia: An Experimental UI for College Football Risk

Monkeyin' around

Gia is an experimental front end for College Football Risk that will be a transformation of the old Rust Risk front end (codenamed AR). The north stars for Gia are as follows:

A better mobile experience. The old AR front end was not easy to use on mobile. By switching to a map-centric design, providing better hints and capabilities, and incorporating user feedback holistically, Gia seeks to improve the mobile experience to make CFBR a welcoming platform for both Desktop and Mobile users.
Improved accessibility. Because the College Football community we serve has a great many diverse interests and people, we want to keep the website simple while also striving to make it accessible and welcoming to all. Gia will accomplish this by adding accessibility features absent in AR, by decreasing UI and API complexity, and by providing more detailed context clues to assist users in having an excellent user experience.
Greater, more uniform, performance. The old AR front end lacked crisp performance and did not follow any consistent overarching design choices or themes. To avoid this mistake, Gia will work on customizability, design patterns, and follow the DRY methodology.
A map-centric interface. The data that RR conveys, and that is important to CollegeFootballRisk as a whole, is centered around the map. Shouldn't the UI be, too? To accomplish this north star, Gia will prominently display the map interface and work to improve pan/zoom performance, map interfacing, and map hints.

Gia is built to complement the Rust Risk backend, and is meant to be a drop-in replacement for AR.

Gia is inspired by:

Credits:

The Rust Risk logo is a derivative work of the Rust logo, created by Mozilla and licensed under CC-BY 4.0.

This code is licensed under the Mozilla Public License, version 2.0.

gia's People

Contributors

Stargazers

Watchers

gia's Issues

Enhancement: migrate tables to https://vincjo.fr/svelte-simple-datatables/#/demo/column-filter perhaps for 4.0, as it's a much more elegant solution

Map: Clicking in empty space (e.g., the ocean) should close the map popup.

Limit Zoom

See https://github.com/anvaka/panzoom#min-max-zoom for how to do this. I think it should be a disable-able setting.

Is your feature request related to a problem? Please describe.
As a new person the numerical values on the UI are not easy to understand. For instance, does 'chance' mean chance to hold or chance to lose (or something else). I feel somewhat clueless as a new user determining what each of the submenu items under odds mean.

Describe the solution you'd like
Simple informational buttons next to numerical items or submenus. Potentially documentation on how to navigate the UI.

Describe alternatives you've considered

Additional context

Daily Reminder: Have subscriptable daily reminder to play.

Story:
As a user, I want to be get notified to make a move at a time that is convenient for me so that I do not miss making my move.

Steps:

Add a setting to state/settings that allows a user to choose what time they would like to be notified. Title it "timeOfNotification".
Add a listener to the setting change in the routes/settings page to prompt the user to subscribe using the notification request API.
Implement a webworker that periodically (~ once per half hour is fine) polls /api/turns and sees if there is an active turn with a time < 24 hours to notify the user.
Implement a localStorage bin that tracks the last time we notified the user and the id of the turn for which they were notified.
If there is a turn within 24 hours that is active and we're past the user's notification timeline and we have not notified the user for that turn's ID, then send a notification.

Recommend Projects