logo

Siarhei Chaptsau

Senior Frontend Developer

+48 789 640 922

About Me

Technical skills

Here are my projects over the past 3 years:

Solva

FinTech project with CRM, Client area and Registration system.

  • FinTech project for issuing loans and credit cards.
  • Technologies used: React, TypeScript, Vite, Blueprint, Axios, React Hook Form and Jenkins.
Sprint Planner

Sprint Planner

  • Multipage project for sprint planning, serving as an internal alternative to Bamboo.
  • Internal project (no public link available).
  • Technologies used: React, JavaScript, Sass, Docker, and Jenkins.
Reficio

Reficio

  • Managing A/B testing on any project through the UI.
  • Technologies used: React, TypeScript, GraphQL and Jenkins.

Projects before my professional career:

Game

Game project

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3, JavaScript и Webpack 4
  • Без использования игровых движков / фреймворков.
  • Использована анимация и веб-компоненты.
  • В window.localStorage записывается результат пользователя и выводиться в конце.
  • Противник рендориться рандомными компонентами вначале игры, как и его имя.
  • Игрок выбирает заклинание и выполняет задания различных типов: арифметика, перевод, drag&drop, аудирование.
  • Для игры нужен звук.
Pink

Responsive layout “Pink” as a personal project during an intensive course at «HTML Academy».

  • Проект написан в ходе успешного прохождения интенcива «Продвинутый HTML и CSS»
  • Использованы только HTML5, препроцессор Sass и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • В верстке использовалась методология БЭМ.
  • Сборщик Gulp.
  • Встроена карта Google, "оживлено" меню для мобильной версии и отправка формы.
  • "Нежная" ретинизация. Оптимизация js, изображений и SVG.

Посмотреть код

Keksobooking

Keksobooking – classified ads service project at HTML Academy

  • Проект написан в ходе успешного прохождения интенcива «Базовый JavaScript»
  • Использованы только HTML5, CSS3 и JavaScript.
  • Присутствует фильтрация данных.
  • Все файлы JS представляют собой отдельные модули в IIFE.
Match-match game

Match-match game

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы HTML5, CSS3, JavaScript
  • Ведётся и выводится таблица рекордов - ТОП-10 результатов и хранится на сервере.
  • Игрок может выбрать вид рубашек карт и сложность игры.
  • Раздача карт всегда рандомна.
  • Если пара карт не совпадает – обе карты переворачиваются, а совпавшие исчезают.
Lambda Restaurant

Lambda Restaurant Landing Page

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Макет свёрстан для десктопного состояния.
  • В верстке использовалась методология БЭМ и Flexbox.
  • Семантическая верстка.
Sedona

“Sedona” responsive layout – personal project from an intensive course at «HTML Academy»

  • Проект написан в ходе прохождения интенcива «Продвинутый HTML и CSS»
  • Использованы только HTML5, препроцессор Less и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • В верстке использовалась методология БЭМ.
  • Сборщик Gulp.
  • "Оживлена" отправка формы.
  • Семантическая верстка.
Hacktrain

Single-page landing for Imaguru Hacktrain hackathon

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • Использована анимация.
  • В верстке использовалась методология БЭМ и Flexbox.
Racoon blog

Responsive, fluid layout for Racoon Blog

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • Вёрстка резиновая.
  • В верстке использовалась методология БЭМ и Flexbox.
Quick Draw Scoreboard

Quick Draw Scoreboard – dynamic JS scoreboard

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Динамически строится таблица на JS используя данные из json файлов.
  • Обрабатывает данные и переключается в зависимости от выбранной сессии.
Orange rabbit

Orange Rabbit layout with “Notification” component

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Реализован компонент "Нотификация".
  • Присутствует чекбокс отключения нотификации, выставляет флаг в локал сторадж. Тогда компонент не будет показан при перезагрузке страницы.
  • Макет свёрстан для десктопного состояния.
  • В верстке использовалась методология БЭМ, также только inline-block и float.