Web Development
|
|
|
|
|
Portfolio
MarchingOrder
At MarchingOrder I work on websites that help college administrators facilitate graduation ceremonies. Below is a sample of the things I've worked on.
Mockup work
Mockup work in Figma
I completely redesigned the entirety of the graduate-facing website in mobile views within Figma complete with prototyping. Mobile-first makes sense as a majority of graduates use the site on mobile devices.
I completely redesigned the entirety of the graduate-facing website in mobile views within Figma complete with prototyping. Mobile-first makes sense as a majority of graduates use the site on mobile devices.
Features
Dashboard
- Translated the alpine.js and HTML/CSS provided to us from a third party contractor to properly integrate into the MarchingOrder AngularJS front end and ensured accessibility.
- Set up all the global styling and architecture for the new dark design of the front end which has to co-exist with the legacy pages.
- Implemented the Important Dates section which pull data from a Zoho integration

Standard Reports
- Translated the alpine.js and HTML/CSS provided to us from a third party contractor to properly integrate into the MarchingOrder AngularJS front end and ensured accessibility.
- Implemented the full-stack vertical slice for the Graduate Activity report including the C# backend.

Activity Vs. Communications Chart Implementation
- Took unique business requirements and manipulated data for interactive Chart.js implementation
- Ensured accessibility in both visuals and functionality

Audio QA Mode
- This is a page for Quality Assurance Administrators to toggle through and listen to audio recordings from Name Reader administrators and either approve or submit issues on each recording.
- Singularly implemented mockup and functionality provided by the business in the full vertical stack of AngularJS / HTML / CSS / CSS Flexbox + CSS Grid / C# / Entity Framework Code-First Migrations
- Incorporated hotkey functionality and both auto-play and manual modes.

Audio QA Review Issues Page
- This is a page for Quality Assurance Manager Administrators to asses audio issues flagged by QA Administrators. Allows users to change the issue, issue description or status. They can then send audio recordings back to the name reader for re-recording.
- Singularly implemented mockup and functionality provided by the business in the full vertical stack of AngularJS / HTML / CSS / CSS Flexbox + CSS Grid / C# / Entity Framework Code-First Migrations
- Page features search, filtering on audio status, and an ability of exporting to an excel sheet
AC Lens
At AC Lens I worked on many various eCommerce sites on our platform. Below are some of the projects I worked on.