Senior JavaScript developer

7 years of experience

38 experiments

Long confined to the animation of elements of a web page, JavaScript has established itself as an essential language that has largely exceeded the digital barriers of web browsers by inviting itself to the server side with Node.js, in software via Electron or the creation of plugins for certain popular software such as Figma for example.

My services

Web application development with React
Front-end development
Complex animation development
API development with Node.js
3D development with WebGL and Three.js

Get in touch Ask for references

Selected clients

Contenu lié

Using Absolute Twig File Paths with Fastify

Published on Thu 28/11/2024 - 15:19

Fastify is a Node.js web framework inspired by Express, offering an excellent developer experience thanks to its plugin-based architecture. Having worked extensively with Express in the past, I now use Fastify exclusively for building APIs or web applications when JavaScript is the best fit for the project. When developing a web application with server-side template rendering, I prefer Twig, my...

import path from 'path';

import FastifyPlugin from 'fastify-plugin';
import FastifyView from '@fastify/view';

import twig from 'twig';

// Adjust this to match your file structure
const v...

Continue reading

Writing a state management library in 50 lines of JavaScript

Published on Fri 23/08/2024 - 12:59

State management is one of the most important part of a web application. From the use of global variables to React hooks to the use of third-party libraries like MobX, Redux or XState to name just these 3, it is one of the topics that fuels the most discussions as it is important to master it to design a reliable and efficient application. Today, I propose to build a mini state management libra...

const state = new State({
  count: 0,
  text: '',
});

state.observe(({ count }) => {
  console.log('Count changed', count);
});

state.observe(({ text }) => {
  console.log('Text changed...

Continue reading

Fix the [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. error message

Published on Wed 24/07/2024 - 10:45

If you're like me, you love the feeling of having a clean console without any errors or warnings. But, like me, I'm sure you've already encountered this warning message: [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. This message simply tells us that some listener added to a touchstart event isn't passif, which means that it's callback function is able to ...

// Before any third party import that causes issues
import { passiveSupport } from 'passive-events-support/src/utils';

passiveSupport({
  events: 'touchstart', // or any other event tyoes
});

Continue reading

Coca-Cola with Three.js, Lenis and GSAP

Published on Mon 07/10/2024 - 10:53

Discover this experiment

STL files viewer

Published on Mon 07/10/2024 - 10:53

Discover this experiment

WebAudio Synth with innovative interface

Published on Thu 03/10/2024 - 22:36

Discover this experiment

Svelte and WebGL Photo Editing

Published on Sat 24/08/2024 - 00:34

Discover this experiment

Mondrian

Published on Thu 15/08/2024 - 13:19

Discover this experiment

Reverse-engineering Wappalyzer

Published on Fri 10/12/2021 - 13:55

Discover this experiment

Three.js MatCap Editor

Published on Fri 03/12/2021 - 07:52

Discover this experiment

Interactive WebGL Fluid Simulation

Published on Tue 03/08/2021 - 23:39

Discover this experiment

Snapchat filter with head tracking

Published on Sun 04/04/2021 - 14:25

Discover this experiment

WebGL Gradient Animation

Published on Wed 10/02/2021 - 12:16

Discover this experiment

Sketching effect

Published on Fri 29/01/2021 - 17:49

Discover this experiment

TikTok Video Scan

Published on Thu 07/01/2021 - 19:36

Discover this experiment

Poster compositing with WebGL

Published on Thu 07/01/2021 - 11:06

Discover this experiment

WebGL slider

Published on Mon 04/01/2021 - 10:28

Discover this experiment

Physics engine

Published on Fri 18/09/2020 - 14:08

Discover this experiment

WebGL Slider with images mask

Published on Fri 04/09/2020 - 18:14

Discover this experiment

React Portals

Published on Thu 20/08/2020 - 10:45

Discover this experiment

Vertical scroll

Published on Tue 21/07/2020 - 10:50

Discover this experiment

Erase image

Published on Mon 20/07/2020 - 16:14

Discover this experiment

Dot grids animations with WebGL

Published on Fri 10/07/2020 - 13:33

Discover this experiment

WebGL grid deformation

Published on Thu 09/07/2020 - 16:17

Discover this experiment

Tinder deck animation with React

Published on Wed 08/07/2020 - 11:26

Discover this experiment

Movement with vertical slits

Published on Tue 07/07/2020 - 11:50

Discover this experiment

3D Animation with WebGL

Published on Sat 04/07/2020 - 20:46

Discover this experiment

Scratch paper

Published on Wed 01/07/2020 - 02:00

Discover this experiment

Locomotive Scroll

Published on Wed 01/07/2020 - 02:00

Discover this experiment

WebGL images wrapping

Published on Mon 01/06/2020 - 02:00

Discover this experiment

Video screens

Published on Tue 12/05/2020 - 02:00

Discover this experiment

React & Three.js Tetris

Published on Mon 06/04/2020 - 02:00

Discover this experiment

Modern Art generator

Published on Mon 06/04/2020 - 02:00

Discover this experiment

Masking images with WebGL

Published on Wed 04/03/2020 - 01:00

Discover this experiment

Circular text effect

Published on Wed 04/03/2020 - 01:00

Discover this experiment

Twgl.js

Published on Wed 05/02/2020 - 01:00

Discover this experiment

Blurred text

Published on Wed 29/01/2020 - 01:00

Discover this experiment

Image deformation with WebGL

Published on Fri 24/01/2020 - 01:00

Discover this experiment

Vinyl

Published on Fri 24/01/2020 - 01:00

Discover this experiment

Scroll direction

Published on Fri 24/01/2020 - 01:00

Discover this experiment

Text particles

Published on Fri 24/01/2020 - 01:00

Discover this experiment

Get in touch

I'm always looking for new opportunities. Feel free to contact me to talk about your project.

© 2024 - Julien Verneaut v0.1.51

Développé à Strasbourg