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是一名全栈开发人员和科学爱好者，他从不停止学习更多的计算机技术, physics, medicine, and biology. 这种广泛的技能使他能够非常自主地处理项目——单独工作或在团队中工作——以满足客户的期望, develop ideas, and sell the final product. Wilfried是一个很好的沟通者，他喜欢解释他的工作，并在整个过程中帮助他人获得成功的解决方案.

MERN StackWeb DevelopmentCSSVanilla JSJavaScriptReactAlgorithmsFull-stackHTML5WebStormNode.jsTypeScriptReact RouterFlexboxAmazon Web Services (AWS)Meteor

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，算法，HTML5，香草JS, SCSS，情感库，Flexbox, CSS...

Experience

WebStorm - 3 yearsAnt Design - 3 yearsTypeScript - 3 yearsStyled-components - 2 yearsUrql - 2 yearsReact - 2 yearsReact Router - 2 yearsMaterial UI - 1 year

Availability

Part-time

Preferred Environment

WebStorm

The most amazing...

...project I've developed is Ordosport, 这是一个应用程序，病人可以在上面找到医学运动教练和预约课程.

Work Experience

Full-stack Developer

2020 - PRESENT
Freelance
  • 收集所有不同扶轮社需要的资料, namely in the scope of the app's design, conception, and specifications.
  • 根据射击俱乐部的需求开发应用程序. The app can come with different modules. 它可以部署在俱乐部的电脑上，也可以通过云版本使用.
  • Coded the app using a MERN stack, 后端使用GraphQL API，前端使用React with Ant Design.
  • 演示应用程序，说服用户并销售它.
  • 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, 根据特性标志在两条路由之间实现重定向逻辑, and migrated links around the app. 为这些更改运行手动和自动测试，并仔细计划推出.
  • Migrated React-Select to version 5. 对TypeScript做了很多修改，对实现做了一些修改.
  • 通过将React类重构为功能组件，并将UI元素从遗留组件转移到我们最新的UI库，以提高性能和优化，清理了技术债务.
  • 实现了一个带缓存的抓取逻辑，用于显示一些事件的无限可滚动表. 这个变化与React对功能组件的重构混合在一起.
  • 开发具有可调整大小和可显示列的复杂表, with sorting/searching mechanisms and pagination.
  • 通过迁移UI组件确保与暗模式完全兼容. Different components were still dark-mode incompatible, 我设法替换或调整它们，以匹配我们的浅色和深色主题.
  • 构建了一个完全刷新的UI来添加、编辑、排序和删除一些脚本. The form had complex validation. 为脚本排序实现了用户友好的拖放功能. Utilized React Query for efficient REST queries.
  • 处理响应式重构，将应用从面向桌面转变为有效响应, 确保各种设备(如手机和平板电脑)的无缝可用性，同时优化屏幕空间利用率.
  • 执行从Karma到Jest和从Enzyme到RTL的测试套件的大规模迁移, 获得测试库和用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
  • 确定客户需求并设计web应用组件.
  • 设计应用程序，选择合适的调色板和字体对，并创建布局.
  • 发展了整个预订逻辑:体育教练首先给出他们的能力, and then patients can place their bookings inside. The coach can change the duration of bookable time slots.
  • 建立教练和病人的个人资料页面.
Technologies: WebStorm，算法，HTML5，香草JS, SCSS，情感库，Flexbox, CSS, Web Development

Co-founder | Full-stack Developer

2021 - 2022
Ordosport
  • 设计了整个应用程序，选择了技术栈.
  • 按照我的同事的指导方针和期望进行设计.
  • 设计了一个预约系统，这样教练可以分享他们的可用性，病人可以占用时间段.
  • 处理文件上传，以验证教练的专业状态.
  • 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
  • 为视频会议解决方案开发了一个webbrtc应用程序.
  • 使用React构建前端部分，并使用SCSS进行样式化.
  • 创建了许多功能，如投票系统，共享和私有笔记.
  • 建立了一个系统，将视频流到RTMP服务器，以便在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

http://shootrecord.com/
一个在线日志记录谁来过射击俱乐部.

该应用程序读取法国射击许可证的条形码，并可以通过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

一个小工具，可以计算给定路线的航向和飞行时间, 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

http://github.com/Aram1d/FlightLogBook
我自己做的一个小工具，用来记录我的飞行时间.

该应用程序计算每页的小计，并且可以通过分页进行调整，以便您可以在纸质日志簿上报告小计.

这个日志簿也有几个统计标签与图表可视化哪些地方你飞得最多或哪个飞行教练你飞得更多.

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 api, 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

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3

Start your risk-free talent trial

与你选择的人才一起工作，试用最多两周. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring