• The merchant configures the mappings for a few product details (size, color, brand, category)
• Shopify products are pushed to CloZ API, with mappings applied
• Shopify billing API used to allow paying plans in addition to the base free plan
• A webhook allows CloZ to push stats in our DB when mobile app users interact with products (several stats types)
• The merchant can view his stats (clicks, views, purchases counts) per product
• CloZ users are suggested outfits based on their likes
  Some dashboard widget stats are only accessible on specific plans
  

This very webapp!
I used a very powerful stack, made with love from scratch (no magic seed or starter impossible to keep up with upstream updates)

• Next.js 15 with a good ol' `npx create-next-app` (app router)
• Added Sanity with `npx sanity@latest init`
• Built a BO with Sanity
• Use SSR for good SEO performance
• Automatic Docker builds on git push with Github Actions
• Hosted on a Raspberry Pi 3 B+ at home with Docker Compose
• Build with the help of llama.cpp running Qwen 2.5 Coder 32b
• Tabbyml/tabby as code completion, avante.nvim for code assistance
• Only 80MB per build : https://hub.docker.com/r/delwiv/portfolio/tags

French taxes, discounts, and invoices management

To manage French taxes specific to alcohols, I created a Gadget app that synchronizes orders and products.

Two taxes products are created or updated with prices read from product metafields, and are attached to the product.

A fetch observer on /cart route reacts on product add and adjusts taxes products counts.

The SparkLayer cart's UI has been updated for regular products to include tax names and prices, and the order history too, this was not trivial as Spark loads in async and in shadow doms.

Some customers pay their taxes on a 3 months schedule and are excluded from this workflow.

Spark's discounts (based on bottles count) are managed in this Gadget app, taxes are excluded from any discounts, and each discount must be made compatible with each other. Some non alcohol products are also excluded from discounts.

The Liquid theme was modified to create a simple UX for the customers.

The shop needed a complex shipping handling solutions, with those requirements :

• Based on length and weight some shipping methods are enabled or disabled.
• Based on shipping country, different methods handle big or heavy orders.
• Based on shipping country, prices vary.
• Shipping may be free based on total cart amount.
• Shipping methods includes relay points.
• Orders can be fetched by the customer on one of the shop's warehouses.

I implemented a Gadget app to be installed in the shop's back office, to configure shipping methods with their country, weight and length constraints, and a to register a Carrier Service in Shopify for handling the shipping method options on checkout.

The Liquid theme was updated to manage shipping discounts and cart's shipping price estimations.

Full custom theme based on Shopify Dawn

Home, search, products, blog, customer account, order history pages

Eye candy UI and a performant platform

Heavy usage of classic tech : HTML, CSS, JS, Web Components.

The shop sells art pictures and photography, I added a full solution for frame management, from configuration to frontend integration.

• Frame products: the merchant can create frame products not to be sold alone.
• Frame selector: when viewing a product, a new frame selector allows the user to choose a frame, product image and gallery are updated with the selected frame. Prices are updated.
• The wanted frame is then added to cart with the main product.
• A query param is handled on product pages, to pre select a specific frame, for easy sharing.

Here is the result : https://www.artenza.fr/products/valentin-pacaut-zebres-dans-la-boteti

Rocketify is a web agency specialized in e-commerce.

We are Shopify experts, having build various solutions for our clients. From theme customization to custom app and extensions development.

As lead developper, I lead the https://www.rocketify.io webapp development

• Sanity BO
• Remix frontend
• Multilingual
• Blog
• Several custom section types composable in the BO
• Hosted on Netlify

I've also lead several Shopify apps and extensions developments using Gadget (Node.js/React), and worked on themes using Liquid and vanilla DOM/JS like web components.

I'm learning so many stuff on many techs working with Rocketify.

Static and headless WordPress frontend, we migrated a WordPress blog to a Progressive Web App using React and Gatsby.

We delivered a responsive, performant, installable app with notifications and custom design, integrated Stripe Checkout for e-commerce and subscriptions

Website for Jazzola, a French jazz band, tribute to Marcel Azzola.

It uses an old stack of mines, based on the MEAN stack

• All content is editable by the manager
• Musicians bios
• Videos pages with Youtube embedded players
• Tour page with past and future concerts
• Hosted in a Raspberry Pi 3B+ with Docker Compose

This app was built using Boheme core

Webapp to track donations made in every French Catholic Church religious site, there are 20 000+ sites, organized in a complex hierarchy.

We had to import every diocese, parish, and location into our own database to manage displaying a complex and nested sidebar allowing search and nested menu layout

• Search and select a diocese, and see its parishes
• Either stay at this level or dig nested locations
  • Select a date range
  • View donations, payments, or quests
  • export data in a downloadable PDF file
• CI/CD with Gitlab CI and Docker

We sadly used Next.js 13 with its beta app router, which at this time was more a pre alpha experience, but we needed its nested routes and layouts features.

Having delivered the app, I don't have access anymore, so the screenshot only displays the base layout without any data.

Shopify headless shop with Hydrogen (React/Remix) and Sanity for backend.

• SSR with Shopify and Sanity data fetch
• SEO well done with Sanity
• Lot of custom features like a routine builder to guide the users to the best products for their specific needs
• Performance far better than Shopify themes
• Very detailed view on product pages
• Our client has a lot of control over the setup of products, routines, recommended products...

Webapp allowing to manage construction sites, from quotes, costing, hardware providers, billing, contractors to employees timetables.

• Add timetables features : manage teams, allocate employees to tasks...
• e2e tests with Cypress
• Nest.js API
• PostgreSQL
• Generate PDF reports
• Heavy Docker and Compose usage for various environments

Website for West Side Trio, a French jazz trio.

It uses an old stack of mines, based on the MEAN stack

• All content is editable by the manager
• Musicians bios
• Videos pages with Youtube embedded players
• Tour page with past and future concerts
• Hosted in a Raspberry Pi 3B+ with Docker Compose

This app was built using Boheme core

We reworked the entire tech stack : from a generic and generated mobile app to a custom built React Native solution, we customized a basic Shopify theme to add many features like fine email campaigns, back in stock, ECS and CloudFormation based AWS infra...

• Node.js microservices for emails and back in stock (AWS Lambda)
• React Native apps for IOS and Android
• Middleware APIs for both web shop and mobile apps
• Gitlab CI building and pushing API Docker containers to AWS Registry
• Automatic deploys (blue green)
• Full automatic scale stack with AWS CloudFormation and AWS ECS

One of the most complete stack I've ever worked on, fully crafted from scratch to deliver the perfect solution matching every requirement.

Website for Swing Family, a French gypsy jazz band.

It uses an old stack of mines, based on the MEAN stack

• All content is editable by the manager
• Musicians bios
• Videos pages with Youtube embedded players
• Tour page with past and future concerts
• Hosted in a Raspberry Pi 3B+ with Docker Compose

This app was built using Boheme core

Maintenance and evolution of the shop and blog of the company.

• We managed to go from English only to globalized, keeping user choices between different subdomains (www, shop, support)
• Terraform stack to manage AWS infra
• Creation of Node.js lambdas to manage several email workflows
• Multiple features added like black friday automations, Nano bundles...
• Creation of a common Node.js lib for lambdas
• Optimization of fronts builds

Website for Canto, a French jazz band.

It uses an old stack of mines, based on the MEAN stack

• All content is editable by the manager
• Musicians bios
• Videos pages with Youtube embedded players
• Tour page with past and future concerts
• Hosted in a Raspberry Pi 3B+ with Docker Compose

This app was built using Boheme core

React/Node.js app for a music bands manager, allowing him to, well, manage ~6000 contacts, automating email campaigns for several bands.

It uses Next.js and Node.js

• CRUD for contacts with MongoDB
• Live search based on many contact fields, name, email, location...
• Select some/up to 500 emails and choose which email template to send to each
• Daily mails limit is 500 (Gmail API), and there may be several emails per contact, so when selecting a batch of contacts, each address is counted to avoid reaching the limit
• Choose when to recontact this batch
• Filter list by "to recontact" date
• Hosted on a Raspberry Pi 3B+ with Docker

Platform for freelancers and recruiters, allowing to search contracts, apply, and manage billing. YOSS did use its own platform to manage my mission there.

• Add many QoL features to the fast growing platform
• Initiated the yoss.works alternative platform dedicated to creative jobs (graphic/UX-UI designers...) with very flat, black & white UI
• Infra deployed on MS Azure
• e2e tests with Cypress
• CI/CD with Github Actions

Website for Trio RSH, a French jazz trio.

It uses an old stack of mines, based on the MEAN stack

• All content is editable by the manager
• Musicians bios
• Videos pages with Youtube embedded players
• Tour page with past and future concerts
• Hosted in a Raspberry Pi 3B+ with Docker Compose

This app was built using Boheme core

Very exciting project : provide a one click payment iframe to every merchant.

Either with a custom integration or ecommerce platforms plugins (Shopify - Magento - Prestashop...)

Well, truth be told, it was two clicks,

you click our button, next to the regular "Buy/Add to Cart",

you confirm the screen with product, price, the card used, the shipping address

When we did not recognize the user

We would ask your phone, send it a 4 digit code and wait for you to input this code, if we know you, show the confirm screen, otherwise

Name & email

Your card

Your address

• Any merchant onboarding a user would let us recognize him on any other merchant.
• Surely the best UX I've been working on : looks simple, very powerful under the hood.

Website for Boheme, a French jazz band.

It uses an old stack of mines, based on the MEAN stack

• All content is editable by the manager
• Musicians bios
• Videos pages with Youtube embedded players
• Tour page with past and future concerts
• Hosted in a Raspberry Pi 3B+ with Docker Compose

This app served as a model for several other bands websites