I worked on this site at Mad Genius as a co-developer, partnering with fellow Geniuses on brand, design, content, photography, and production.

Desktop view of homepage featuring a happy student and the headline, 'Gulf Coast Dreams. Gulf Coast Degrees.'

MGCCC’s website houses a lot of content. A lot. As a developer on the project, I was tasked with developing the A-Z Directory, a browsable, filterable listing of content spanning MGCCC’s academic programs, services, and staff.

Desktop view of the A-Z directory showing filters for programs, services, and staff. It also includes alphabetical filters.

Another challenge was revamping the user experience of the course catalog. Since MGCCC uses a third-party service for managing the catalog, we chose to use an API to fetch data from that service and cache on MGCCC’s end.

To provide a snappy user interface for displaying courses, I used Vue.js to build a course listing that’s filterable and searchable on-page.

Desktop view of the course catalog showing course listings grouped by course prefix. Above the listing is a search field and alphabetical filters.