Wilfried is available for hire
Hire WilfriedWilfried 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, User Experience (UX), TypeScript, UI Design
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
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
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)
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)
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
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.
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.
Skillset
Languages
TypeScript, GraphQL, JavaScript, CSS, HTML5, SCSS
Frameworks
Ant Design, Vanilla JS, Material UI, Tailwind CSS, Jest
Libraries/APIs
Node.js, React, React Router, Flexbox, WebRTC, Urql, REST APIs, Mantine, Antd, Emotion Library, React-Intl
Other
MERN Stack, APIs, Web Development, Algorithms, Styled-components, Axios, Full-stack, Chakra UI, User Experience (UX), Differential Equations, Statistics, Apollo Server, Drag & Drop, PWA, RTL, dnd-kit, Cloud, User Interface (UI)
Tools
WebStorm, React Apollo, Amazon CloudFront CDN, NGINX, Mathematica
Platforms
Meteor, Amazon Web Services (AWS), AWS Lambda, Linux
Paradigms
REST, UI Design
Storage
MongoDB, Amazon S3 (AWS S3)
Education
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