Siarhei Chaptsau

FinTech project with CRM, Client area and Registration system.

• - FinTech project for issuing loans and credit cards.
• - Contributed to the frontend team's migration to TanStack Query, reducing regressions in the FinTech application.
• - Fixed CRM client-list performance by introducing virtualization and pagination for large datasets, eliminating page lag and stopping manager complaints.
• - Actively participated in frontend architecture decisions for FinTech platforms, including CRM, client area, and registration systems, for the lending product solva.kz, introducing modern tooling such as TanStack Query, Vite, Storybook, i18next, React Hook Form, and Axios.

Sprint Planner project (inspired by BambooHR)

• - Independently developed an internal sprint and resource planning application with BambooHR-inspired functionality, including an interactive company hierarchy chart and sick-leave tracking, adopted across 5 projects.
• - Reduced initial load time by introducing code splitting and lazy loading.
• - Mentored 6 junior full-stack developers, participating in structured code review.
• - Worked independently on the project while also managing and mentoring a small team of junior engineers when needed.
• - Internal project (no public link available).
• - Technologies used: React, JavaScript, Sass, Docker, and Jenkins.

Reficio project (managing A/B testing)

• - Managing A/B testing on any project through the UI.
• - Independently designed and built Reficio.io, an internal A/B-testing and feature-flag management tool with a user-friendly interface, as the sole frontend developer on the project, adopted across all 4 commercial projects at the company to speed up feature decisions and de-risk production rollouts.
• - Technologies used: React, TypeScript, GraphQL and Jenkins.

Game project

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

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 – classified ads service project at HTML Academy

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

Match-match game

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

Lambda Restaurant Landing Page

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

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

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

Single-page landing for Imaguru Hacktrain hackathon

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

Responsive, fluid layout for Racoon Blog

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

Quick Draw Scoreboard – dynamic JS scoreboard

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

Orange Rabbit layout with “Notification” component

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