Wilfried is available for hire
Hire WilfriedWilfried Sugniaux
Verified Expert in Engineering
Full-stack Developer
Neuchâtel, Switzerland
Toptal member since August 12, 2021
Bio
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
Christopher Rec
React, TypeScript, JavaScript, Cypress, React Query, React Testing Library...
Freelance
JavaScript, Mantine, GraphQL, WebStorm, Algorithms, MERN Stack, HTML5...
Aéroclub du val de Travers
Node.js, Bun, TypeScript, GraphQL, XHR, Algorithms, MongoDB, Mantine...
Experience
- React - 6 years
- TypeScript - 5 years
- Node.js - 4 years
- Urql - 3 years
- Ant Design - 3 years
- WebStorm - 3 years
- React Router - 2 years
- Material UI - 1 year
Availability
Part-time
Preferred Environment
Visual Studio Code (VS Code), GNU, Linux, Windows
The most amazing...
...project I've developed is Ordosport, an app where patients can find medical sports coaches and book sessions.
Work Experience
Front-end React Developer
2024 - PRESENT
Christopher Rec
- Wrote RTL test suites for the front end and was responsible for the setup: defined the organization of fixtures and mocks, introduced standard patterns for them, and established guidelines for RTL queries.
- Built app features, ensuring good integration with existing libraries and established coding patterns.
- Completed infrastructure tasks: migrated Yarn to Bun.js, worked on i18n integration, and set up automation with a workflow to connect our growing repository to a translation platform.
Technologies: React, TypeScript, JavaScript, Cypress, React Query, React Testing Library, Jest, D3.js, Vite, Tailwind CSS, Mantine, Zustand, CSS Modules, Netlify, GitHub Actions, ESLint, MSW, HTML, Front-end
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, User Experience (UX), TypeScript, UI Design, HTML, Front-end
Product Engineer
2024 - 2024
Aéroclub du val de Travers
- Developed a file-sharing app with an inheritable ACLS system for users and groups.
- Implemented XHRs upload/download requests with progress tracking.
- Wrote back-end and front-end communication via WebSockets, using a live-query system to sync app state across users' browsers.
- Handled complex algorithms challenges to create a reliable yet simple inheritable ACLS system.
Technologies: Node.js, Bun, TypeScript, GraphQL, XHR, Algorithms, MongoDB, Mantine, App Themes, Authorization, Sanitizers, HTML, Front-end
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, User Experience (UX), UI Design, Cypress, React Testing Library, React Query, HTML, Front-end
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, TypeScript, HTML, Front-end
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, User Interface (UI), HTML, Front-end
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, User Interface (UI), HTML
Experience
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.
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
https://github.com/Aram1d/vfrNavThis is a small tool for computing headings and flight time from a given route, considering the aircraft speed, wind speed, and direction. This app has no back end and manages its internal state with Zustand. The state persists through local storage and can be exported.
It was built with React and deployed as a PWA. It is usable on a phone or computer.
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/FlightLogBookA 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.
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.
Education
2015 - 2020
PhD in Pharmacy
Université de Strasbourg - Strasbourg, France
Skills
Libraries/APIs
Node.js, React, React Testing Library, React Router, Flexbox, React Query, WebRTC, Urql, REST APIs, Mantine, Antd, Emotion Library, React-Intl, D3.js, XHR
Tools
WebStorm, React Apollo, Amazon CloudFront CDN, NGINX, Mathematica, Dnd-kit, Shadcn
Languages
TypeScript, GraphQL, JavaScript, CSS, HTML, HTML5, SCSS
Frameworks
Ant Design, Vanilla JS, Material UI, Tailwind CSS, Cypress, Jest
Storage
MongoDB, Amazon S3 (AWS S3)
Platforms
Meteor, Amazon Web Services (AWS), AWS Lambda, Linux, Visual Studio Code (VS Code), Windows, Netlify
Paradigms
REST, UI Design, Role-based Access Control (RBAC)
Other
MERN Stack, APIs, Full-stack, Web Development, Front-end, Algorithms, Styled-components, Axios, Chakra UI, User Experience (UX), Vite, Differential Equations, Statistics, Apollo Server, Drag & Drop, PWA, RTL, Cloud, User Interface (UI), Zustand, CSS Modules, GitHub Actions, ESLint, MSW, Bun, App Themes, Authorization, Sanitizers, GNU, WebSockets
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