Sergii Petryk, Developer in Waterloo, ON, Canada
Sergii is available for hire
Hire Sergii

Sergii Petryk

Verified Expert  in Engineering

Styled-components Developer

Waterloo, ON, Canada

Toptal member since October 9, 2019

Bio

Sergii is a senior full-stack developer with over 10 years of experience in software development across various industries, with the five most recent years focused on React and TypeScript. He is well-respected among industry-leading companies as a skilled developer who truly understands the client infrastructure and pain points. Sergii also has the hands-on technical aptitude needed to design and build solutions.

Portfolio

Toptal
Node.js, React.js, CSS, Chakra UI, Material UI, Testing, Agile Development...
Ford Motor Company
Node.js, TypeScript, JavaScript, React.js, Jest, Agile Development, React.js...
Auvik Networks
GraphQL, React.js, Node.js, Front-end, Full-stack, Architecture, AWS, Storybook...

Experience

Availability

Full-time

Preferred Environment

Git, Terminal, Visual Studio Code (VS Code), MacOS

The most amazing...

...opportunity for me is to improve the lives of millions of people through my work.

Work Experience

SWE

2020 - PRESENT
Toptal
  • Developed new charts and features and improved architecture and performance. Wrote unit and e2e tests. Used React, D3, Styled Components, and Cypress.
  • Handled the complete architecture and development of the UI and connected it to the API. Added unit and e2e tests. Used TypeScript, React, D3, and Chakra UI.
  • Contributed to UI architecture and moved the existing UI to Chakra UI. Built design system and custom components. Used TypeScript, React, Chakra UI, emotion, and animation.
  • Contributed to the material design UI and developed custom components. Added tests. Used TypeScript, React, and Material UI.
Technologies: Node.js, React.js, CSS, Chakra UI, Material UI, Testing, Agile Development, D3.js, Cypress, Styled-components, TypeScript, JavaScript, SQL, Jest, PostgreSQL, Agile Development, React.js, Front-end Development, Redux, Webpack, Formik, Full-stack, Ant Design, APIs, REST, Design Systems, Object-oriented Programming, Microservices Development, Contentful, Tailwind UI

Senior Full-stack Developer

2020 - 2020
Ford Motor Company
  • Contributed to building a new infotainment system for Ford’s all-electric vehicle program.
  • Led an initiative to improve React/Redux unit testing practices.
  • Participated in training team members and interviews.
Technologies: Node.js, TypeScript, JavaScript, React.js, Jest, Agile Development, React.js, Front-end Development, Redux, Webpack, APIs, REST, Object-oriented Programming

Senior Software Developer

2018 - 2020
Auvik Networks
  • Contributed to migrating the app from Backbone to React.
  • Developed and deployed a new searching mechanism that utilizes ElasticSearch and Kafka Streams and improves querying performance by up to 100x.
  • Worked in a team of 4 and developed a new UI framework based on a styled system, TypeScript and React.
Technologies: GraphQL, React.js, Node.js, Front-end, Full-stack, Architecture, AWS, Storybook, CSS3, Jira, JavaScript, REST API, Software Architecture, UX Development, UI Development, JavaScript, SQL, Jest, D3.js, PostgreSQL, Agile Development, Front-end Development, Express.js, Elasticsearch, Styled-components, Webpack, Formik, Full-stack, APIs, REST, Design Systems, Microservices Development

Senior Full-stack Developer

2016 - 2018
GainX
  • Interviewed candidates for development positions and helped with training and professional development.
  • Transitioned the legacy app from jQuery-powered framework to MERN stack.
  • Scripted, built, and deployed pipelines. I also added documentation.
  • Developed interactive and offline reporting engine.
Technologies: D3.js, MongoDB, Redux, React.js, Front-end, Full-stack, AWS, Material UI, CSS3, REST API, UX Development, UI Development, JavaScript, SQL, Node.js, Jest, PostgreSQL, Agile Development, React.js, Front-end Development, Express.js, Webpack, Full-stack, APIs, REST

Software Developer

2014 - 2015
FacilityTeam
  • Developed a synchronization trigger that channels data from PostgreSQL to Elasticsearch, increases full-text search speed by almost 90%, and makes a list of suggestions available for website search needs.
  • Refactored the existing code to improve the performance of a heavy Angular front end by talking to Node.js and Express.js via REST API.
  • Updated a Socket.IO piece of application to handle multiple connections and user disconnects.
  • Improved the mobile user's experience by making applications, charts, and drawings react to touch events.
Technologies: Elasticsearch, PostgreSQL, Angular, Node.js, Front-end, Full-stack, CSS3, UX Development, UI Development, JavaScript, SQL, Agile Development, Front-end Development, Full-stack, APIs, REST, Object-oriented Programming

Software Engineer

2006 - 2014
Independent Contractor
  • Prototyped a Node.js-powered Angular app backed by a Gremlin-Cassandra graph database.
  • Created an aggregator of financial Twitter streams to monitor and log social activity related to the company.
  • Developed a mailing product that leverages AWS SES, S3, and SNS. It allows a higher-level interface over a lower-level infrastructure.
  • Built a financial tracker that monitors short-selling positions not closed before the EOB.
  • Developed a deal-tracking website with the Google Maps API to display current and upcoming deals on the map.
Technologies: TypeScript, Node.js, GraphQL, HTML, CSS, E-commerce marketing, Front-end, Architecture, Storybook, CSS3, Figma, Jira, JavaScript, REST API, Software Architecture, UX Development, UI Development, JavaScript, SQL, PostgreSQL, Front-end Development, Object-oriented Programming

RMM for Network Infrastructure

https://www.youtube.com/watch?v=roHeRJqCOt0
With this project, I contributed to migrating the front-end stack to React. I was part of the team that developed and deployed the new design system that improved team collaboration, consistency, and reusability of the components. I led a team that developed and deployed a new search solution based on Elasticsearch.

EV Infotainment System

https://www.greencarreports.com/news/1128304_ford-mustang-mach-e
As a part of the team, I developed new features for the upcoming Ford EV infotainment system. I also improved coding and testing practices, interviewed candidates, and helped them with training and onboarding.

Leading Real Estate Platform

The company is a major provider of financial services in the real estate industry that guarantees that homes close after inspection.

WORK DONE
• Transitioned the UI into using a new design system based on Chakra UI.
• Improved the developer experience and testing practices.
• Contributed to the codebase following agile practices.
2002 - 2006

Bachelor's Degree in Finance

ZNTU | Zaporizhia National Technical University - Zaporizhia, Ukraine

2001 - 2006

Master's Degree in Computer Science

ZNTU | Zaporizhia National Technical University - Zaporizhia, Ukraine

Libraries/APIs

React.js, D3.js, Node.js, REST API, Formik, Vue 2, React-Intl, React.js, React DnD, AWS Amplify

Tools

Webpack, JavaScript, Figma, Jira, Amazon Simple Queue Service (SQS), Terminal, Git, Flow

Languages

JavaScript, SQL, TypeScript, SCSS, Learner Style Sheets, HTML, CSS, HTML5, CSS3, PHP, GraphQL, Gremlin

Frameworks

Redux, Express.js, Jest, Cypress, Next.js, Tailwind CSS, Ant Design, Angular, Fastify, Material UI, React Native

Paradigms

Agile Development, REST, Object-oriented Programming, Microservices Development, Functional Programming, Testing, Agile Development

Platforms

Contentful, Zeppelin, Docker, AWS, Vercel, MacOS, Visual Studio Development, AWS Lambda

Storage

PostgreSQL, MongoDB, Elasticsearch, MySQL, PostgreSQL 10, Cassandra

Other

Styled-components, ESLint, Front-end Development, Chakra UI, E-commerce marketing, Front-end, Full-stack, Architecture, Technical Leadership, Storybook, Software Architecture, UX Development, UI Development, Full-stack, APIs, Design Systems, Tailwind UI, Containerization, Payment APIs, Embedded Software Engineering, Finance, Computer Science

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