Hey!

My name is Gautier, I'm a French full stack web engineer, cybersecurity engineer, design enthusiast and hackathon organizer. I work full-time at Escape as a full stack web engineer. I graduated from ENSEEIHT in 2022 with a dual degree in computer science and cybersecurity.

I sometimes write articles, you'll find them below.

Latest articles

const schema = fg.form({
  title: fg.text({ required: true, maxlength: 255 }),
  picture: fg.file({ accept: ["image/*"] }),
  draft: fg.checkbox(),
});

Formgator, my new validation library

Discover the motivation and the development process that led to formgator, a validation library for forms.

Oct 14, 2024

http.Post, "/post" -> {
  let message = request.body
  process.send(pubsub, Publish(message))
  new_response(200, "Submitted: " <> message)
}

Building a real-time chat in Gleam

Elegant, safe and pragmatic, I have found my favorite language: Gleam. Let's build a real-time chat application with it!

Sep 1, 2024

Building a search engine in a day

I built a search engine in a day for the very website you are reading this on.

Jan 3, 2024

<img
  src="https://example.com/login?next=/favicon.ico"
  onload="alert('Logged in')"
  onerror="alert('Logged out')"
/>

Using images to track third-party logins

A simple trick to know if a user is logged in to a third-party website.

Dec 23, 2023

I don't enjoy using Tailwind

I gave Tailwind a fair chance, and I now hate every second of it.

Dec 7, 2023

Timeless articles

Personal collection of articles that I find myself referring to over and over again.

Jul 8, 2023

SELECT id, PERCENTILE_CONT(0.5) WITHIN GROUP (ORDER BY duration) AS p50 FROM (
  SELECT id, UNNEST(durations) AS duration FROM websites
) t GROUP BY id

Computing percentiles in SQL

Composing window functions with UNNEST to compute percentiles of arrays in SQL.

Feb 11, 2023

interface Automaton {
  state: string
  states: Record<string, {
    enter: () => void
    next: string
  }>
}

Functional State Machines

A functional approach to state machines in JavaScript.

Jul 3, 2022

.card {
  position: relative;
}
.card a::before {
  content: '';
  position: absolute;
  inset: 0;
}

Huge links

A guide on how to create element-level links.

May 24, 2022

button {
  all: unset;
  outline: revert;
}

A text-like button

Working with default styles without losing accessibility.

May 15, 2022