Screenshot of the MVS wizard's photo editing slide.

My Viking Story

This project includes a web wizard for sharing passenger cruise photos, & an administrative panel for managing those posts as marketing material.

Important Links

Why?

This was for an in-house product at the agency I worked for. It was also one of the earliest projects I worked on at the company. It was a learning experience for both me & the company.

Screenshot of MVS's administrative panel dashboard. Screenshot of MVS's wizard review screen.

Relevant contributions

  • Frontend development
  • QA development

Major tools

Frontend:

  • React
  • Javascript
  • AdminLTE theming
  • SASS
  • Instagram API
  • Facebook API

Backend:

  • PHP
  • Yii2
  • Docker

Testing:

  • PhantomJS → Casper.js → nothing

Process

  • Planning phase
    • This project was unusual because we worked directly with our client's project management team & their Jira board instead of our own.
  • Working out tickets
    • We set up Docker containers for local environments.
    • I would work on the frontend feature & bug tickets.
    • Created automated user acceptance testing. until our testing frameworks were deprecated.
Screenshot of an error message on the MVS wizard.

Hurdles

Screenshot of the wizard button implemented on the client website.

What did I learn?

  • Using React, & implementing API calls with the Fetch API.
  • User acceptance testing.
  • Building with Docker containers.
  • A little about PHP.
  • The joys & eldritch horrors of early stage GANs image generators.

What would I improve if I did it again?

  • Those APIs deserve to be re-implemented in the wizard. They added that extra 🧑‍🍳😙🤌
  • Use Cypress for user acceptance testing.
  • More support for accessibility in at least the wizard.