Past Projects

From small tasks to large feats.

Zinnia Logo

Zinnia Live | Policy Management

A policy management product for Zinnia's platform that helps agents manage policy-related tasks, including reviewing and managing coverage, policy details, beneficiaries, and both non-financial and financial transactions for a policy owner.

  • Typescript
  • React.js
  • Next.js
  • JavaScript
  • TailwindCSS
  • HTML
  • CSS
  • REST APIs

Contributions

  • Developed multi-step, same-page workflows for withdrawals, autopay management, and one-time premium transactions using React hooks and async/await calls to third-party backend.
  • Implemented dynamic tagging and transaction details display via clickable cards with a side sheet in the transaction history event feed.
  • Conducted WCAG AA compliance testing, and implemented accessibility cleanup and enhancements to improve accessibility.
  • Incorporated the latest UX/UI designs to ensure a modern and intuitive user experience.
  • Addressed and resolved various bugs to improve application stability.
Zinnia Logo

Zinnia Live | Case Management

A case management product for Zinnia's platform that helps agents manage cases and their details related to the stage/step a case is currently in.

  • Typescript
  • React.js
  • Next.js
  • JavaScript
  • TailwindCSS
  • HTML
  • CSS
  • REST APIs

Contributions

  • Built 50% of the new case management redesign from scratch using React, Next.js, and TailwindCSS with the accompanied design specs in Figma
  • Utilized feature flagging to ensure new case management redesign wouldn't be visible in production until it was ready to launch.
  • Conducted WCAG accessibility compliance testing to ensure new case management redesign would meet AA standards.
Lifeio Logo

Engage Product

Led features and business related improvements for the Engage product that satisfied the needs of our clients and their audiences.

  • Vue 2
  • JavaScript
  • CSS/Stylus/SCSS
  • HTML
  • Docker
  • Okta
  • Keycloak
  • REST APIs
  • Jira
  • Confluence
  • API Gateway
  • Git Actions

Contributions

  • Led and executed feature enhancements and development for the Engage product. This improved the user experience for the platform.
  • Collaborated with DevOps team to host private npm packaging of a component library for Engage platform.
Lifeio Logo

Engage Admin Portal

A configuration dashboard to enable/disable features, manage users and much more for each client and test environment that empowered cross-functional teams to configure various things for clients without taking up development time and resources. This allowed the engineering team to stay focused on developing features and continue improving the product with little interruptions regarding client configuraitons.

  • Vue 2
  • JavaScript
  • CSS/Stylus/SCSS
  • HTML
  • Docker
  • Okta
  • Keycloak
  • REST APIs
  • Jira
  • Confluence
  • API Gateway
  • Git Actions

Contributions

  • Contributed to the development and maintenance of the Engage Admin Portal.
  • Utilized store and router for state management when implementing enhancements and new features for the product.
Portland Trailblazers Logo

Single Game Tickets Page

Created a Single Game Tickets page for all home games for fans to browse and advertising limited available deals or upcoming hot games. Through the combined efforts of marketing and the updates and A/B tests done to this page, the Single Game Ticket Page increased conversions by 11%, which contributed to a total 102% Revenue Goal by Mid-Season.

  • Drupal CMS
  • React JS
  • CSS/SCSS
  • HTML
  • REST API
  • A/B Testing with VWO

Contributions

  • Performed frequent A/B testing using vanilla JavaScript and VWO to determine if the Single Game Ticket Page would increase conversions when modifying certain UI elements and parameters.
  • Implemented winning results from A/B testing into the Single Game Ticket Page using vanilla JavaScript.
  • Logged data from A/B testing to Google Analytics to monitor the Single Game Ticket Page conversions.
Portland Trailblazers Logo

Pre, Live, and Post Game React SPA

Created a React single page application to supply fans with realtime stats of a game online during COVID-19 with pre and post game states for fans to prepare for upcoming games against various opponents. Gave fans an opportunity to keep up to date with their favorite players and live during games had a court graphic that presented attempted shots with indicators on which attempts actually scored points.

  • Drupal CMS
  • React JS
  • CSS/SCSS
  • HTML
  • REST API
  • A/B Testing with VWO

Contributions

  • Strategized, implemented, and executed single page application with React JS and NBA API to provide fans with live stats during COVID-19.
  • Facilitated agile sprint ceremonies and feature planning with the team of interns I managed from Epicodus to build out key features and enhancements throughout the project.
  • Contributed to each feature's implementation and maintenance with React JS and CSS/SCSS before each game and analyzed the engagement of each SPA post game via Google Analytics.