Обо мне

Евгений Стужук

Fullstack разработчик

У меня более 4 лет опыта работы над коммерческими проектами с использованием современных языков программирования и работы с реальными производственными средами. В своей работе я активно использую API и взаимодействую с базами данных в реальных рабочих ERP-системах.

До моего опыта коммерческой разработки я около 7 лет практиковался как веб-разработчик. За это время я создал различные веб-сайты и интернет-магазины, используя различные CMS-системы. Я хорошо разбираюсь во всем процессе разработки веб-приложений, от создания дизайнов и шаблонов до структурирования контента и развертывания на веб-серверах. У меня также есть опыт работы с резервным копированием, хостингом и настройками серверов.

  • День рождения: 18 July 1981 (43 лет)
  • Вебсайт: https://stuzhuk.page
  • Город: Irshansk Ukraine

Чтобы оставаться в курсе быстро развивающейся индустрии программирования, я активно занимаюсь изучением и исследованием новейших технологий. Слежу за изменениями в сфере искуственного интеллекта, и внедряю методы ИИ для повышения эффективности процесса написания кода.

Как frontend и backend разработчик, я обладаю всесторонним набором навыков и твердой приверженностью оставаться на переднем крае отраслевых тенденций. Я увлечен созданием надежных и инновационных решений для сложных проектов и постоянно стремлюсь предоставлять высококачественную работу, отвечающую потребностям клиентов и конечных пользователей.

Курсы

Реализованные Проекты

Навыки

Репозитории

Skills

Interests

Training and self-development

Traveling and Exploring new places

Photography and videography

Gardening

Резюме

ПРОФЕССИОНАЛЬНЫЙ ОПЫТ ▼

ОБРАЗОВАНИЕ ▼

Услуги

разработка веб-сайтов

Создание сайтов любой сложности, от простых лендингов до сложных порталов. Использование любых CMS или разработка с нуля по желанию клиента.

любые cms
с нуля
простые лендинги
сложные порталы
кастомный дизайн
использование шаблонов
адаптивность

создание приложений

Разработка приложений любой сложности - моя специализация. Я создаю как интегрированные компоненты для крупномасштабных проектов, так и автономные приложения, включая мобильные.

javascript
php
python
базы данных

программирование

Разработка отдельных компонентов кода и микросервисов, отладка, тестирование, исправление ошибок и создание документации. Обеспечение надежности, эффективности и качества ваших приложений.

php
python
javascript
любые фреймворки

видеомонтаж

Создание убедительных визуальных историй с помощью видеомонтажа. Улучшение отснятого материала, добавление эффектов или обеспечение плавных переходов - я специализируюсь на создании видео, которые захватывают и эффективно передают ваше сообщение.

adobe premiere pro

моушн-графика

Воплощение ваших идей в жизнь с помощью динамичной и креативной анимации. Информация, концепция или эмоция - я могу помочь вам перевести это в увлекательную и визуально привлекательную анимацию.

adobe after effects

редактирование фото

Улучшение ваших фотографий, придание им профессионального вида. Будь то редактирование свадебных снимков, портретов или других изображений, я готов создать эффектные, высококачественные фотографии, которые подчеркнут ваше видение и стиль.

adobe photoshop

Портфолио

calcExport

Commercial In Development

calcExport

TypeScript (90%) CSS (9.8%) HTML (0.2%)

calcExport — это элегантный и эффективный инструмент, разработанный для упрощения расчетов и беспрепятственного экспорта результатов. Созданный с использованием TypeScript, он предлагает отзывчивый пользовательский интерфейс, улучшенный с помощью CSS, что делает его идеальным выбором для разработчиков, ищущих надежные и интуитивно понятные решения для расчетов.

ant-designtanstack/react-queryjestreact
stuzhuk.page

Commercial In Development

stuzhuk.page

HTML (40.3%) CSS (25.8%) JavaScript (25.8%) Astro (5.3%)

stuzhuk.page - это персональный сайт-портфолио, демонстрирующий мои проекты и навыки, созданный с использованием современных веб-технологий. Он отличается чистым дизайном и интерактивными элементами для улучшения пользовательского опыта.

astrod3date-fnsgray-matteropenaiplaywright/testtypes/nodevitest/uidotenvjsdomvitest
ankiGenAddon

Commercial In Development

ankiGenAddon

Python (100%) JavaScript (0%)

Разработал продвинутое дополнение для Anki на Python для автоматической генерации карточек с поддержкой фрагментов кода (с подсветкой синтаксиса), markdown и JSX. Реализовал кастомные диалоговые окна UI, отслеживание прогресса и несколько режимов обучения: Dive Mode (структурированное изучение программирования), Testing Mode (оценка знаний) и Language Learning Mode (Beta). Обеспечил надежность с помощью комплексного набора тестов pytest.

aiohttpbeautifulsoup4openaipygmentspytestpytest-asynciopytest-covpython-dotenvrequeststiktokentyping-extensionsPyQt6asyncio
money-vault

Commercial In Development

money-vault

TypeScript (97.4%) JavaScript (1.7%) CSS (0.9%)

Money-Vault — это надежное приложение на базе Next.js, предназначенное для безопасного управления финансовыми данными с использованием передовых технологий, таких как AWS S3 для хранения и Google Cloud Vision для анализа данных. Оно предлагает динамичный и удобный интерфейс, основанный на React и Radix UI, для улучшения пользовательского опыта.

@auth/prisma-adapter@aws-sdk/client-s3@aws-sdk/s3-request-presigner@google-cloud/vision@hookform/resolvers@next-auth/prisma-adapter@prisma/client@radix-ui/react-alert-dialog@radix-ui/react-dialog@radix-ui/react-dropdown-menu@radix-ui/react-label@radix-ui/react-select@radix-ui/react-separator@radix-ui/react-slot@radix-ui/react-toastantdclass-variance-authorityclsxcountries-listlucide-reactnextnext-authopenaireactreact-domreact-hook-formshadcn-uitailwind-mergetailwindcss-animatezod
pamyatay-pro

Commercial In Development

pamyatay-pro

TypeScript (99.2%) CSS (0.4%) JavaScript (0.4%)

Pamyatay-pro — это приложение с бекендом на Express с использованием базы данных Postgres и фронтендом на Next.js и React. Также активно используются API различных LLM для генерации информации различного вида, начиная от текстовой и заканчивая аудио- и видеогенерацией. Приложение находится в процессе разработки, поддерживается и совершенствуется в части актуальности модулей и функциональности.

prismabcryptcorsdotenvexpressjsonwebtokenmulteropenaipgnextreactreact-hook-formswiperzustandeslinttailwindcss
gdc_corrosion_vizitka

Commercial Completed

gdc_corrosion_vizitka

HTML (48.4%) CSS (39.4%) JavaScript (12.2%)

GDC Corrosion Vizitka — это визуально привлекательный веб-проект, который демонстрирует влияние коррозии с помощью динамичных визуальных эффектов и интерактивных элементов. Созданный с использованием HTML, CSS и JavaScript, он предлагает захватывающий образовательный опыт о процессах коррозии.

HTMLCSSJavascript
riskBasedInspection

Commercial Completed

riskBasedInspection

TypeScript (93.7%) CSS (5.7%) HTML (0.7%)

riskBasedInspection — это динамичный инструмент, разработанный для оптимизации процесса инспекций путем приоритизации рисков, помогая бизнесу сосредоточить ресурсы там, где они наиболее важны. Построенное на TypeScript, это приложение повышает операционную эффективность благодаря удобному интерфейсу и надежным функциям оценки рисков.

ant-designreacttanstack/react-query
additionalCriteria

Commercial Completed

additionalCriteria

TypeScript (99.3%) HTML (0.7%)

Разработал специализированный компонент на React/TypeScript для инспекции на основе рисков (RBI), используя Ant Design и React Query. Сфокусировался на создании встраиваемого, надежного UI со скелетной загрузкой и обработкой ошибок для бесшовной интеграции в более крупные системы.

ReactTypeScriptAnt DesignReact QueryTanstack QueryReact Toastify
dashBoard

Commercial In Development

dashBoard

TypeScript (92.6%) CSS (6.8%) HTML (0.6%)

dashBoard — это динамическое и интерактивное веб-приложение, разработанное с использованием TypeScript, которое обеспечивает бесперебойную работу пользователя. Оно включает в себя адаптивные элементы дизайна и визуализацию данных в реальном времени, что делает его идеальным решением для мониторинга и анализа ключевых метрик.

ant-designtanstack/react-queryvitereact-grid-layout
employment_cal

Commercial Completed

employment_cal

CSS (47.3%) TypeScript (25.5%) JavaScript (24.6%) HTML (2.6%)

Employment_cal — это динамичное календарное приложение, предназначенное для упрощения планирования и управления занятостью, с интерактивными дневными, списочными и временными представлениями. Используя надежные библиотеки, такие как FullCalendar и Bootstrap, оно обеспечивает бесшовный пользовательский опыт для эффективной организации задач и событий.

fullcalendar/corefullcalendar/daygridfullcalendar/interactionfullcalendar/listfullcalendar/timegridbootstrapbootstrap-selectchoices.jslodashtext-encoding-utf-8toastify-jsvite-plugin-remove-console
localization-dashboard

Commercial Completed

localization-dashboard

HTML (90.3%) TypeScript (9.5%) JavaScript (0.2%) CSS (0%)

Localization Dashboard — это универсальное веб-приложение, предназначенное для эффективного управления и визуализации данных локализации. Созданное с использованием React и React Admin, оно легко подключается к REST API, обеспечивая удобный интерфейс для работы с задачами интернационализации.

mui/labesbuildfs-extrara-data-json-serverra-language-russianreactreact-adminreact-country-flagreact-domreact-virtualized-auto-sizerreact-windowreact-window-infinite-loadervite-bundle-visualizerxlsx
EmploymentApproval

Commercial Completed

EmploymentApproval

TypeScript (85.3%) JavaScript (11.9%) CSS (2.6%) HTML (0.1%)

EmploymentApproval — это комплексное приложение, разработанное для упрощения процессов планирования и утверждения сотрудников, с интуитивно понятным интерфейсом календаря и уведомлениями в реальном времени. Построенное с использованием современных технологий, оно обеспечивает эффективное управление и плавный пользовательский опыт.

@emotion/react@emotion/styled@fullcalendar/core@fullcalendar/daygrid@fullcalendar/react@fullcalendar/timegrid@mui/icons-material@mui/lab@mui/material@mui/systemag-grid-communityag-grid-enterpriseag-grid-reactchalkdate-fnsflatpickrfontawesome-4.7fsfs-extrakymaterial-ui-popup-stateplaywrightreactreact-domreact-flatpickrreact-iconsreact-pro-sidebarreact-toastifyzustand
learningBoard

Commercial Completed

learningBoard

TypeScript (97.7%) JavaScript (1.1%) CSS (0.8%) HTML (0.4%)

learningBoard — это мощное приложение для администрирования, созданное на React, которое демонстрирует полный набор функций, включая управление данными, динамические диаграммы и настраиваемые темы. Построенное с использованием современных библиотек и фреймворков, оно обеспечивает плавный пользовательский опыт в светлом и темном режимах.

fullcalendarmui/materialmui/x-data-gridreduxjs/toolkittanstack/react-querytesting-library/jest-domag-grid-reactaxiosdayjsformikfs-extrakyreactreact-chartjs-2react-domreact-pro-sidebarreact-reduxreact-toastifyrechartsswrupdateweb-vitalsyupzustand
GDCExcelWorker

Commercial Completed

GDCExcelWorker

Python (100%)

GDCExcelWorker - это инструмент на Python, предназначенный для упрощения и автоматизации задач в Excel, повышая продуктивность за счет эффективной обработки и анализа данных.

Python
users-activity

Commercial In Development

users-activity

CSS (98.7%) JavaScript (1.1%) HTML (0.3%)

Проект 'users-activity' - это веб-приложение, предназначенное для визуального отображения активности пользователей через динамичные и интерактивные интерфейсы. Используя CSS-анимации и минимальную JavaScript-структуру, оно предлагает интуитивно понятный и отзывчивый пользовательский интерфейс.

datepickerbootstrap
ecosteks.ru

Commercial In Development

ecosteks.ru

PHP (44.7%) JavaScript (32.2%) CSS (17.7%) SCSS (5.3%)

Ecosteks.ru — это динамическое веб-приложение, созданное для улучшения взаимодействия пользователей с экологически чистыми продуктами. Разработанное на PHP, оно безупречно интегрирует интерактивные элементы с привлекательным пользовательским интерфейсом для продвижения устойчивых решений.

Wordpress
giapdc.ru

Commercial In Development

giapdc.ru

CSS (56.8%) PHP (37.4%) JavaScript (3.7%) HTML (1.2%)

Giapdc.ru — это динамичный веб-проект, использующий CSS, PHP и JavaScript для создания увлекательного пользовательского опыта. Платформа бесшовно интегрирует различные языки и технологии, чтобы создать адаптивный и визуально привлекательный интерфейс.

Wordpress
PDFPagesManager

Commercial Completed

PDFPagesManager

JavaScript (100%)

PDFPagesManager — это инструмент для автоматической обработки и изменения PDF-файлов путем удаления определенных страниц в зависимости от их количества, обеспечивая эффективное управление документами. Он создает измененные копии PDF-файлов, сохраняя оригиналы.

pdf-libnodejs
sqlcourse

Learning Completed

sqlcourse

SQL (100%)

SQLCourse — обучающий курс по написанию запросов и работе с базами данных MySQL и PostgreSQL. Освоил создание таблиц, работу с данными, объединение таблиц и оптимизацию запросов.

MySQLPosgreSQL
redux2024

Learning Completed

redux2024

TypeScript (55.5%) JavaScript (20.8%) CSS (15.6%) HTML (8.2%)

Redux2024 — это обучающий проект, посвящённый изучению возможностей Redux в 2024 году. В проекте были подробно рассмотрены как базовые принципы работы с Redux, так и современные инструменты, такие как Redux Toolkit и Redux Thunk. Проект создан на основе Create React App с использованием React, TypeScript и JavaScript. Цель проекта — показать эффективные методы управления состоянием в современных веб-приложениях с упором на производительность, масштабируемость и лучший пользовательский опыт.

create-react-appreactreact-reduxreduxredux-thunkredux-toolkit
PDFImageMerger

Commercial Completed

PDFImageMerger

TeX (52.9%) HTML (46.6%) Python (0.4%)

PDFImageMerger — это инструмент на Python, предназначенный для объединения изображений в один PDF-файл, специально для папок с названием 'Паспорт'. Он поддерживает различные форматы изображений, автоматически определяет ориентацию изображений и исключает системные и скрытые папки из обработки.

TeX
job-search

Learning Completed

job-search

TypeScript (66.8%) Vue (30.2%) JavaScript (1.8%) HTML (1%)

Job-search — это динамическое веб-приложение, созданное на базе Vue 3, предназначенное для упрощения процесса поиска работы благодаря интеграции интуитивно понятных функций поиска и обновлений в реальном времени. Проект использует передовые технологии, такие как иконки FontAwesome и надежную систему управления состоянием с Pinia для обеспечения бесшовного пользовательского опыта.

fortawesomeaxiospiniavue3vue2vue-router
digitalvcard

Commercial Completed

digitalvcard

JavaScript (94.3%) Vue (3%) HTML (1.9%) CSS (0.4%)

Digitalvcard — это инструмент с открытым исходным кодом, который позволяет создавать интерактивные и адаптивные цифровые визитные карточки, размещаемые непосредственно на вашем сайте, исключая необходимость в сторонних услугах. Наслаждайтесь элегантным дизайном, лаконичными кнопками действий и быстрой настройкой для экономичного цифрового сетевого решения.

vue-colorpickernuxtjs/pwacore-jscropperjsfile-saverfsid3-parserjszipnuxtvue-clickaway2vuedraggable
pubMedImporter

Commercial Completed

pubMedImporter

PHP (96%) CSS (2.4%) JavaScript (1.6%)

pubMedImporter — это инструмент на основе PHP, предназначенный для упрощения процесса импорта и управления медицинскими научными статьями из PubMed. Это плагин для wordpress, который позволяет запрашить по API и ключевым словам набор статей, Затем при необходимости сразу добавлять их в свой блог

PHP
prod-project

Learning Completed

prod-project

TypeScript (57.5%) HTML (36.7%) SCSS (3.3%) JavaScript (2.2%)

Prod-project — это универсальное фронтенд-приложение, использующее современные технологии, такие как React и TypeScript, для обеспечения отзывчивого пользовательского опыта. Оно поддерживает интернационализацию и включает в себя комплексное тестирование с помощью Jest и Loki, обеспечивая надежную и стабильную работу.

redux-toolkituse-gesture/reactaxiosconcurrentlyeslint-plugin-paths-checking-plugin-ysi18nextreactreact-i18nextreact-reduxreact-router-domstorybookhuskyjestcypresswebpackvitets-nodestylelintprettierloki
solidjs-glider

Learning Completed

solidjs-glider

TypeScript (94.1%) CSS (4.2%) JavaScript (1.1%) HTML (0.6%)

Solidjs-glider - это динамическое веб-приложение, использующее фреймворк Solid.js для обеспечения плавного пользовательского опыта. Оно интегрирует Firebase для обработки данных в реальном времени и использует современные библиотеки, такие как lodash и moment, для эффективной манипуляции данными и управления временем. Визаульно представляет собой клон старого twitter

firebaselodashmomentsolid-iconssolid-js
gpteach

Learning Completed

gpteach

JavaScript (97.9%) CSS (2.1%)

Gpteach — это динамическое веб-приложение, созданное с использованием Next.js, которое интегрирует возможности OpenAI для улучшения взаимодействия с пользователями. Оно предлагает обновление страниц в реальном времени, управление API-маршрутами и оптимизированную загрузку шрифтов для безупречного и захватывающего пользовательского опыта.

eslinteslint-config-nextiron-sessionlowdbnextopenaireactreact-domreact-markdownreact-syntax-highlighter
Meal Finder

Learning Completed

Meal Finder

JavaScript (60%) HTML (25%) CSS (15%)

Создал приложение для поиска рецептов с использованием TheMealDB API. Реализовал поиск в реальном времени, генерацию случайных рецептов и детальные карточки блюд со списком ингредиентов. Интегрировал обработку ошибок API и динамическое обновление интерфейса.

JavaScriptREST APIHTML5CSS3
timetracking

Commercial Completed

timetracking

JavaScript (95.7%) CSS (3.8%) HTML (0.5%) Shell (0.1%)

Timetracking — приложение, которое отображает сводные данные занятости сотрудников организации за выбранный период. В приложении присутствуют фильтры по объектам, подразделениям, видам и подвидам работ. Так же возможен поробный просмотр заняости по часам для каждого дня. Приложение успешно работает в реальной функционирующей в организациии ERP-системе.

mui/materialmui/x-date-pickersmui/x-data-gridmui/x-date-pickers-proag-grid-communityag-grid-enterpriseag-grid-reactdayjsdompurifykyreactreact-date-rangereact-datepickerreact-domreact-flatpickrzustand
okonremont

Commercial Completed

okonremont

PHP (66.2%) JavaScript (19.2%) HTML (13.4%) CSS (0.9%)

Okonremont — это комплексное веб-приложение, разработанное для оптимизации услуг по ремонту окон, с интуитивно понятным интерфейсом и плавной интеграцией PHP и JavaScript. Оно предоставляет пользователям надежную платформу для управления записями, отслеживания прогресса ремонта и инструменты для оптимизация взаимодействия с клиентами.

PHP
redux-learning

Learning Completed

redux-learning

JavaScript (79.4%) HTML (20.6%)

Redux-learning — это проект на базе React, созданный для изучения и освоения управления состоянием с использованием Redux Toolkit. Он включает в себя надежное тестирование с помощью React Testing Library и эффективную обработку данных с Axios.

@reduxjs/toolkit@testing-library/jest-dom@testing-library/react@testing-library/user-eventaxiosreactreact-domreact-reduxreact-scriptsreduxweb-vitals
nextevents

Personal/Learning Completed

nextevents

JavaScript (65.9%) CSS (34.1%)

Пример приложения на Next.js для просмотра событий. Функции включают просмотр всех событий, избранных событий, деталей события и фильтрацию событий по дате. Использует демонстрационные данные.

nextreactreact-dom
Expense-tracker

Learning Completed

Expense-tracker

JavaScript (44.7%) CSS (34.8%) HTML (20.5%)

Простое веб-приложение для учета доходов и расходов. Добавляйте транзакции, просматривайте баланс, общие доходы/расходы и историю. Данные сохраняются локально в хранилище браузера.

JavaScript
Rotating-Navigation

Learning Completed

Rotating-Navigation

HTML (55.6%) CSS (38.3%) JavaScript (6.1%)

Rotating-Navigation — это инновационный веб-проект, улучшающий пользовательский опыт за счет динамичного и интерактивного навигационного меню. Используя HTML, CSS и JavaScript, он предлагает плавный и увлекательный способ изучения веб-контента.

HTML
Menu-Slider-Modal-DOM-CSS

Learning Completed

Menu-Slider-Modal-DOM-CSS

HTML (40.5%) CSS (35.2%) JavaScript (24.3%)

Создал интерактивную целевую страницу с выдвижным навигационным меню и модальной формой регистрации, используя чистый JavaScript, HTML и CSS. Реализовал плавные CSS-переходы, обработку событий для взаимодействия с пользовательским интерфейсом и принципы отзывчивого дизайна, демонстрируя фундаментальные методы манипуляции DOM и современные подходы к стилизации CSS.

HTMLCSSJavaScript
DOM-Array-Methods-forEach-map-filter-sort-reduce

Learning Completed

DOM-Array-Methods-forEach-map-filter-sort-reduce

JavaScript (55.8%) CSS (25.9%) HTML (18.3%)

Создал интерактивную демонстрацию методов массивов JavaScript (map, filter, sort, reduce) с реальным обновлением DOM. Интегрировал Random User API для генерации тестовых данных, реализовал расчеты состояния и динамическое обновление интерфейса.

JavaScriptCSSHTML
Form-Validation

Learning Completed

Form-Validation

JavaScript (53.7%) CSS (25.3%) HTML (21%)

Реализовал валидацию форм на стороне клиента с использованием чистого JavaScript, HTML и CSS. Разработал переиспользуемые функции для проверки обязательных полей, ограничений длины ввода, формата email (regex) и совпадения паролей, обеспечивая немедленную визуальную обратную связь пользователю.

HTMLCSSJavaScript
Movie-Seats-Booking

Learning Completed

Movie-Seats-Booking

HTML (44.2%) JavaScript (30.5%) CSS (25.3%)

Разработал интерактивный интерфейс бронирования мест в кинотеатре, используя чистый JavaScript, HTML и CSS. Реализовал логику выбора мест, динамический расчет цены и использовал localStorage для сохранения выбора пользователя между сессиями, демонстрируя навыки манипуляции DOM и обработки событий.

HTMLCSSJavaScript
Progress-Steps

Learning Completed

Progress-Steps

HTML (25.8%) CSS (45.5%) JavaScript (28.7%)

Разработал интерактивный индикатор прогресса с несколькими шагами, используя чистый JavaScript, HTML и CSS. Реализовал динамическую полосу прогресса с пронумерованными индикаторами шагов, плавными CSS-переходами и отзывчивыми состояниями кнопок. Этот компонент демонстрирует манипуляции с DOM, обработку событий и современные техники CSS, часто используемые в многоступенчатых формах и процессах онбординга.

HTMLCSSJavaScript

Контакты

Социальные профили