Coffee Company Website Project

Project Concept

A coffee-company marketing site — products, product detail, distributors, and company information. A static blue-themed template.

What the Interface Shows

The homepage, the products page, the cappuccino product detail, the distributors page, the about page, and the contact form.

My Role and Decisions

When building the multi-architecture Docker image, I found that the legacy image-minimization tools the project depends on (gifsicle, optipng) have no working ARM64 build path. Instead of dropping that architecture or replacing the tools, I built the static assets (which are architecture-neutral anyway) on AMD64 only, then copied them into the NGINX stage itself, which builds natively for each target architecture — so the final image supports both without needing to change the project’s original tooling.

Technical Aspects

Webpack 5, Sass, legacy image-minimization tools (gifsicle/optipng/SVGO), and six static pages including three product-detail pages generated from a shared mixin.

Project Value in the Portfolio

This project demonstrates solving a real cross-architecture compatibility issue (legacy build tools with no ARM64 support) with a practical workaround instead of changing the project’s own tooling.