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

Sergii Petryk

Verified Expert  in Engineering

Styled-components Developer

Location
Waterloo, ON, Canada
Toptal Member Since
October 9, 2019

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, CSS, Chakra UI, Material UI, Testing, Agile, D3.js, Cypress...
Ford Motor Company
Node.js, TypeScript, JavaScript, React, Jest, Agile Software Development...
Auvik Networks
GraphQL, React, Node.js, Front-end, Full-stack, Architecture...

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, CSS, Chakra UI, Material UI, Testing, Agile, D3.js, Cypress, Styled-components, TypeScript, JavaScript, SQL, Jest, PostgreSQL, Agile Software Development, React Redux, Front-end Development, Redux, Webpack, Formik, Full-stack Development, Ant Design, APIs, REST, Design Systems

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, Jest, Agile Software Development, React Redux, Front-end Development, Redux, Webpack, APIs, REST

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, Node.js, Front-end, Full-stack, Architecture, Amazon Web Services (AWS), Storybook, CSS3, Jira, JavaScript Testing, REST APIs, Software Architecture, User Experience (UX), User Interface (UI), JavaScript, SQL, Jest, D3.js, PostgreSQL, Agile Software Development, Front-end Development, Express.js, Elasticsearch, Styled-components, Webpack, Formik, Full-stack Development, APIs, REST, Design Systems

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, Front-end, Full-stack, Amazon Web Services (AWS), Material UI, CSS3, REST APIs, User Experience (UX), User Interface (UI), JavaScript, SQL, Node.js, Jest, PostgreSQL, Agile Software Development, React Redux, Front-end Development, Express.js, Webpack, Full-stack Development, 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, User Experience (UX), User Interface (UI), JavaScript, SQL, Agile Software Development, Front-end Development, Full-stack Development, APIs, REST

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, eCommerce, Front-end, Architecture, Storybook, CSS3, Figma, Jira, JavaScript Testing, REST APIs, Software Architecture, User Experience (UX), User Interface (UI), JavaScript, SQL, PostgreSQL, Front-end Development

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, D3.js, Node.js, REST APIs, Formik, Vue 2, React-Intl, React Redux, React DnD, AWS Amplify

Tools

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

Frameworks

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

Languages

JavaScript, SQL, TypeScript, SCSS, Less, HTML, CSS, HTML5, CSS3, PHP, GraphQL, Gremlin

Paradigms

Agile Software Development, REST, Functional Programming, Testing, Agile

Storage

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

Platforms

Zeppelin, Docker, Amazon Web Services (AWS), Vercel, MacOS, Visual Studio Code (VS Code), AWS Lambda

Other

Styled-components, ESLint, Front-end Development, Chakra UI, eCommerce, Front-end, Full-stack, Architecture, Technical Leadership, Storybook, Software Architecture, User Experience (UX), User Interface (UI), Full-stack Development, APIs, Design Systems, Containerization, Payment APIs, Embedded Software, 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