Portfolio 1 | John Mackey

  • Jasmine Rose Portfolio
  • Jasmine was in need of a new website to help her centralize some information, and to give her illustration business a fresh new face. I built the website without page builders, instead opting for custom PHP templates. The hero section animation is made with GSAP’s scrolltrigger and general animation library. The contact form is made with Contact Form 7, and many of the text and colors on the homepage is controlled with ACF fields. The original work custom post type loops through art posts, and shows a masonry grid of art pieces. These art pieces link to etsy posts, hopefully moving traffic towards etsy. The website is still undergoing live edits as of this post, as it has not been actively promoted yet.

    https://jasminerose.net

  • Beyond the Brand
  • In my most recent role as a Full Stack Developer at Beyond The Brand Media, I spent most of my time working in WordPress, primarily in an eCommerce environment. My day to day work involved building custom themes, plugins, shortcodes, and one off functionality using PHP, JavaScript, jQuery, HTML, CSS, and MySQL. A lot of the job was about making sure sites were not just functional, but maintainable, stable, and able to grow without becoming fragile.

    I worked across a large catalog of live eCommerce sites, which meant thinking carefully about performance, accessibility, and long term upkeep. When you are responsible for sites that people actively rely on for their businesses, small decisions add up quickly. I got very comfortable working with WordPress hooks, APIs, and established best practices to make sure changes were clean, predictable, and easy for others to understand later.

    One project early on that I am particularly proud of was a custom plugin I built to help manage our site ecosystem. It would ping all the sites in our catalog, identify which plugins were installed, and report their versions. This made it much easier to respond quickly when a plugin vulnerability was discovered. For example, if there was an issue with ACF, we could immediately see which sites were affected and address it without guesswork. It was a small internal tool, but it saved time and reduced risk in a very real way.

    Accessibility was another area I focused on. While there is always more to learn, I became confident helping with accessibility improvements and remediations, with the goal of reducing potential liability for business owners and demonstrating alignment with ADA and WCAG guidelines. In practice, that meant improving markup, fixing contrast issues, making forms more usable, and thinking more intentionally about how real users navigate a site.

    Beyond the technical work, what really stood out to me about Beyond The Brand Media was the people. I worked closely with designers, project managers, and clients, and those relationships felt genuinely collaborative. There was a strong sense of trust and mutual respect, and I appreciated how open everyone was to questions, feedback, and shared problem solving. I learned a lot from my coworkers, both technically and professionally, and it was the kind of environment where you felt supported while still being encouraged to take ownership of your work.

    Overall, it was a role that strengthened my full stack skill set, sharpened my judgment around real world constraints, and reinforced how important good communication and strong working relationships are in building quality software.

    Beyond the Brand Media Success Stories

  • Article collab with Casey Grenier
  • In the above page, I worked with my best friend and previous coworker Casey Grenier on a school project at SVA. The goal was to have a web article she could show in class. It was a very fun little project where Casey made the art and the text, and I worked on building the page and the interactions. Working with GSAP was very fun, and hiding in little things to discover and play with was very rewarding feeling. (Try getting the piano to play). I enjoyed the small additions like adding in a small game that illustrates the potential degradation of the building. I hope you enjoy.

  • Freedom on the Move | Cornell
  • During the summer of 2024 I had the unique opportunity to take a couple months of my unemployment to engage in a bit of a passion project, which was working as a digital archive assistant, and helping to collect and catalog runaway slave ads from confederate newspapers. In my personal time I have an interest in the history of slavery, and how slavery was defended and how it overlapped with other contemporary factors. Reading through these old confederate newspapers gave me a deeper appreciation for how to handle and care for old documents, it gave me an opportunity to develop my own process for data collection techniques, like batch processing, optimizing data entry, and file sharing. Futher, upon completing the project I was able to make suggestions for potential future improvements. Lastly, I participated in a podcast episode that you can find here, and I also make a small database of extra files I found in my searches here.

  • Promosis
  • I cannot disclose all of my work with Promosis, but at a high level I collaborated with well known brands to build sweepstakes pages, product registration websites, and large scale promotional campaigns. Many of these projects supported high traffic events, which meant working with sizable databases and ensuring that forms, registrations, and data flows were reliable under real world load.

    A significant part of my work involved building and maintaining web applications that handled large volumes of structured data, especially product registrations and promotional entries. On the backend, this meant working extensively with PHP and MySQL to design, query, and maintain databases that needed to be both flexible and dependable. On the frontend, I developed additional tools and visual components for legacy sites, improving usability while staying within existing constraints.

    I also built smaller interactive experiences in JavaScript, including browser based games used for promotional engagement. These ranged from visual pattern recognition and memory style games to interactive search and comparison mechanics. While each game was relatively small in scope, they required careful frontend logic, state management, and attention to performance and user experience.

    Alongside development, I regularly used Figma to produce wireframes, icons, and design assets, which helped bridge the gap between design intent and implementation. My primary tools were HTML, CSS, JavaScript, jQuery, PHP, and MySQL, and as a full stack developer I was comfortable moving between frontend behavior, backend logic, and database structure as needed.

    Through this work, I gained confidence not just in writing clean, maintainable code, but also in documenting decisions, keeping thorough notes, and clearly communicating issues or tradeoffs with my senior developer. That combination of technical range and communication was essential in an environment with long lived projects and high visibility campaigns.

    Below is a link to the Promosis portfolio. I cannot specify which individual projects I worked on, but it reflects the overall scale and quality of the work I contributed to.

    Promosis Portfolio