Wilfried Sugniaux, Developer in Neuchâtel, Switzerland
Wilfried is available for hire
Hire Wilfried

Wilfried Sugniaux

Verified Expert  in Engineering

Full-stack Developer

Location
Neuchâtel, Switzerland
Toptal Member Since
August 12, 2021

Wilfried is a full-stack developer and a science enthusiast that never stops learning more about computer technologies, physics, medicine, and biology. This broad skill set enables him to handle projects with great autonomy—working individually or within a team—to fulfill clients' expectations, develop ideas, and sell the final product. Wilfried is a good communicator who likes to explain his work and help others throughout processes towards successful solutions.

Portfolio

Freelance
JavaScript, Mantine, GraphQL, WebStorm, Algorithms, MERN Stack, HTML5...
Databricks - Main
React, GraphQL, Jest, RTL, Antd, Emotion Library, dnd-kit, TypeScript, Cloud...
OrdoSport
WebStorm, Algorithms, HTML5, Vanilla JS, SCSS, Emotion Library, Flexbox, CSS...

Experience

Availability

Part-time

Preferred Environment

WebStorm

The most amazing...

...project I've developed is Ordosport, an app where patients can find medical sports coaches and book sessions.

Work Experience

Full-stack Developer

2020 - PRESENT
Freelance
  • Collected all required information about different clubs' needs, namely in the scope of the app's design, conception, and specifications.
  • Developed the application according to the needs of shooting clubs. The app can come with different modules. It can be deployed on clubs' computers or be used through the cloud version.
  • Coded the app using a MERN stack, using a GraphQL API for the back end and React with Ant Design for the front end.
  • Performed demonstrations of the app, convincing users and selling it.
  • Owned the after-selling process, answering questions, solving problems, and making updates to the application.
Technologies: JavaScript, Mantine, GraphQL, WebStorm, Algorithms, MERN Stack, HTML5, Vanilla JS, SCSS, Emotion Library, Flexbox, CSS, Web Development, Chakra UI

Front-end Engineer

2021 - 2024
Databricks - Main
  • Migrated the app router, implemented redirection logic between two routes according to a feature flag, and migrated links around the app. Ran manual and automated tests for these changes, and carefully planned rollout.
  • Migrated React-Select to version 5. Performed lots of TypeScript changes and a few implementation changes.
  • Cleaned up tech debt by refactoring React classes into functional components and transitioning UI elements from legacy components to our latest UI library for improved performance and optimization.
  • Implemented a fetching logic with cache for an infinite scrollable table showing some events. This change was mixed with React refactoring to function components.
  • Developed complex table with resizable and hidable columns, with sorting/searching mechanisms and pagination.
  • Ensured full compatibility with dark mode by migrating UI components. Different components were still dark-mode incompatible, and I managed to replace or adapt them all to match our light and dark color themes.
  • Built a completely refreshed UI to add, edit, order, and delete some scripts. The form had complex validation. Implemented a user-friendly drag-and-drop feature for script ordering. Utilized React Query for efficient REST queries.
  • Handled responsive refactoring to transition the app from desktop-oriented to effectively responsive, ensuring seamless usability across various devices such as phones and tablets while optimizing screen space utilization.
  • Conducted a large-scale migration of test suites from Karma to Jest and from Enzyme to RTL, gaining expertise in testing libraries and mocking request responses with MSW.
Technologies: React, GraphQL, Jest, RTL, Antd, Emotion Library, dnd-kit, TypeScript, Cloud, WebStorm, Algorithms, HTML5, Vanilla JS, SCSS, Full-stack, Drag & Drop, REST, Flexbox, CSS, Axios, Ant Design, React Router, Web Development

CTO

2021 - 2023
OrdoSport
  • Determined the customer's needs and designed web app components.
  • Designed the app, chose the appropriate color palette and font pair, and created the layout.
  • Developed the entire booking logic: sports coaches give their abilities first, and then patients can place their bookings inside. The coach can change the duration of bookable time slots.
  • Built coach and patient profile pages with their personal data.
Technologies: WebStorm, Algorithms, HTML5, Vanilla JS, SCSS, Emotion Library, Flexbox, CSS, Web Development

Co-founder | Full-stack Developer

2021 - 2022
Ordosport
  • Designed the whole application and chose the technical stack.
  • Worked on the design following my associates' guidelines and expectations.
  • Engineered a booking system so coaches could share their availability and patients could take time slots.
  • Handled file uploads to verify the professional status of coaches.
  • Used the PostalAddress API and made distance calculations.
Technologies: Node.js, React, GraphQL, Urql, Material UI, MongoDB, JavaScript, APIs, WebStorm, Algorithms, TypeScript, HTML5, Vanilla JS, SCSS, REST, Flexbox, CSS, Amazon S3 (AWS S3), React-Intl, Web Development

Full-stack Developer

2021 - 2021
FLITBIX
  • Developed a webRTC application for a videoconferencing solution.
  • Built the front-end part with React and styled it with SCSS.
  • Created a lot of functionalities such as a polling system, and shared and private notes.
  • Built a system to stream videos to RTMP servers to share conferences on YouTube, Facebook, and other platforms.
Technologies: Meteor, React, SCSS, Linux, NGINX, WebRTC, JavaScript, APIs, WebStorm, Algorithms, MERN Stack, HTML5, Vanilla JS, REST, Flexbox, CSS, React Router, Web Development

Shoot Record

https://shootrecord.com/
An online logbook to keep track of who came to the shooting club.

This app reads the barcode of a French shooting license and can import shooters from the national database through an API. It also handles shooting ranges with maximal shooters, a good feature considering present COVID-19 restrictions, and is able to provide statistics.

VFR Legs Planner

A small tool allowing to compute headings and flight time from a given route, considering the aircraft speed, wind speed, and direction.

It was built with React and deployed as a PWA. It is usable on a phone or computer.

Online Flight Log Book

https://github.com/Aram1d/FlightLogBook
A small tool built by and for myself to keep track of my flying hours.

The application calculates the subtotal for each page and can be adapted by pagination so that you can report the subtotal on a paper logbook.

This log book also has several stats tabs with charts to visualize which places you fly the most or which flight instructor you fly more with.

Languages

GraphQL, JavaScript, CSS, TypeScript, HTML5, SCSS

Frameworks

Ant Design, Vanilla JS, Material UI, Tailwind CSS, Jest

Libraries/APIs

React, Node.js, React Router, Flexbox, WebRTC, Urql, REST APIs, Antd, Emotion Library, React-Intl

Other

MERN Stack, APIs, Web Development, Algorithms, Styled-components, Axios, Full-stack, Chakra UI, Differential Equations, Statistics, Apollo Server, Drag & Drop, Mantine, PWA, RTL, dnd-kit, Cloud

Tools

WebStorm, React Apollo, Amazon CloudFront CDN, NGINX, Mathematica

Platforms

Meteor, Amazon Web Services (AWS), AWS Lambda, Linux

Paradigms

REST

Storage

MongoDB, Amazon S3 (AWS S3)

2015 - 2020

PhD in Pharmacy

Université de Strasbourg - Strasbourg, France

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring