Quest.fan

Quest.fan is a web application, written in React, which allows players of the tabletop role-playing game Quest to easily create, manage, and share their characters’ information with the other players in their group.

The project was born out of necessity in the early days of the pandemic, at a time when meeting in person and physically sharing character sheets was neither safe nor practical. I created the first iteration of the site in just over a week using React’s Context API for state management, then later rewrote it from scratch using Redux Toolkit as a learning exercise. In the months following the initial release, I worked diligently to add new features and address issues as they were brought to my attention.

From the outset, I knew that to minimize the friction of switching to a digital system, I wanted the site to function as similarly as possible to the physical game. I researched the company’s branding, created numerous mockups, and brainstormed ways to preserve the familiarity of Quest while eliminating pain points that were present in the pen-and-paper game.

I also invested heavily in improving accessibility in the transition from physical to digital. In addition to conducting ad hoc, informal user testing, I extensively tested the website using multiple screen readers and referenced the WAI-ARIA standard throughout the development process.

You can check out the project by clicking here.