Про мене

Євген Стужук

Fullstack розробник

Я маю понад 4 років досвіду роботи над комерційними проектами, використовуючи сучасні мови програмування та працюючи з реальними виробничими середовищами. У своїй роботі я активно використовую API та взаємодію з базами даних у реальних робочих ERP-системах.

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

  • День народження: 18 July 1981 (44 років)
  • Вебсайт: 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. Опановуйте SQL швидко або поглиблено: створення таблиць, робота з даними, об'єднання таблиць і оптимізація запитів.

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, для ефективної маніпуляції даними та управління часом.

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

Контакти

Соціальні профілі