Fields™

Field list

This is honestly the most boring project on the list, but it became a pet project. The older method of managing fields was archaic, so I created project requirements, initial wireframes, and a design prototype to get buy in from users and Engineering management. Then after they said "yes," I created the final product using React with ES6 and JSX, compiled with babel and webpack. After launch, I worked with users to make sure they were happy with interactions and functionality.

This view shows all the fields associated with the school in a sortable, searchable table. The previous interface had no search, nor sort. This interface also was placed within the navigation of the main CMS, so the user could more easily get to the Fields for the school their working on.

Field detail view

Here users can update the question metadata and the answers associated to the question. The answers can then be reordered with a drag, and since some questions have a long list of answers, I added a full screen mode for the answer section, to allow the user to reorder answers more efficiently. The actions dropdown contains import and export options, along with replacing answers with a predefined set. This is extremely helpful as the clients can generally provide a CSV of all their specific options (e.g. majors) for a question.