Personal/LearningIn Development
Додаток Expo/React Native для практики мови: Jest, Testing Library, Husky, lint-staged. Мобільний UX та карткові сценарії.
Сайт на SvelteKit з Tailwind v4 і Vite, Docker для dev, оптимізація зображень і Vitest. Оновлення site/shop через shell-скрипти.
Telegram-бот з Home Assistant для ABA-рутин і нагадувань. Асинхронний Python та розділення HA і повідомлень.
CommercialIn Development
Монорепо для генерації та кастомізації SEO-сайтів: фронтенд, бекенд, AI-сервіс, SEO-рушій, шаблони та деплой. Автоматизація та контент-пайплайни.
Маркетинговий сайт грантових послуг на Astro та TypeScript з Tailwind. Швидка статика та підтримувані секції.
Telegram-бот для привчання до горщика: нагадування та серії успіхів. Python і UX для опікунів.
Telegram-бот для нагадувань про ліки та обліку прийому. Асинхронний Python і приватність логів.
Telegram-бот для платіжних сценаріїв (цифрові товари). Python, захищені колбеки та аудит повідомлень.
Telegram-асистент з OpenAI для рефлексивних промптів і сумаризації. Python і контроль памʼяті діалогу.
Telegram-бот з dev-новинами з RSS і кураторських стрічок. Асинхронний Python, ліміти та дайджести.
Браузерне розширення для SEO та грантових сценаріїв Lagrant. TypeScript і редакторські сценарії.
Браузерне розширення для генерації зображень у контексті редактора. TypeScript MV3, UX для промптів і превʼю.
LearningCompleted
Prod-project — це універсальний фронтенд-додаток, що використовує сучасні технології, такі як React та TypeScript, для забезпечення чутливого користувацького досвіду. Він підтримує інтернаціоналізацію та включає комплексне тестування за допомогою Jest та Loki, забезпечуючи надійну та стабільну роботу.
Сервіс повторних візитів на TypeScript. Node API для розкладу, аналітики та інтеграцій.
Інтеграція Cursor IDE з Telegram: нотифікації та команди. TypeScript Node для автоматизації dev-подій.
Сайт бренду Hidden Logic на Astro з TypeScript і Tailwind. Компонентна верстка та статична генерація.
stuzhuk.page — портфоліо на Astro SSR з AISO-стеком (AI Readiness 84): llms.txt, AI-краулери, JSON-LD, hreflang, related posts і tag hubs. React/Svelte, PostgreSQL, Docker, Vitest.
Personal/LearningCompleted
Статичний аналіз для підказок рефакторингу через AST. TypeScript Node CLI та звіти.
Утиліти Python для керування VPN-профілями та підключеннями. CLI для перемикання мереж і діагностики.
Розробив просунутий аддон для Anki на Python для автоматичної генерації карток з підтримкою фрагментів коду (з підсвічуванням синтаксису), markdown та JSX. Реалізував кастомні діалогові вікна UI, відстеження прогресу та кілька режимів навчання: Dive Mode (структуроване вивчення програмування), Testing Mode (оцінка знань) та Language Learning Mode (Beta). Забезпечив надійність за допомогою комплексного набору тестів pytest.
Pamyatay-pro — це застосунок із бекендом на Express із використанням бази даних Postgres та фронтендом на Next.js і React. Також активно використовуються API різних LLM для генерації різноманітної інформації: від тексту до аудіо та відео. Застосунок перебуває на етапі активної розробки, підтримується й удосконалюється з метою актуалізації модулів і розширення функціональності.
Приклад додатка на Next.js для перегляду подій. Функції включають перегляд усіх подій, рекомендованих подій, деталей події та фільтрацію подій за датою. Використовує демонстраційні дані.
Rotating-Navigation — це інноваційний веб-проєкт, що покращує користувацький досвід завдяки динамічному та інтерактивному меню навігації. Використовуючи HTML, CSS і JavaScript, він пропонує плавний і захоплюючий спосіб дослідження веб-контенту.
Розробив інтерактивний індикатор прогресу з кількома кроками, використовуючи чистий JavaScript, HTML та CSS. Реалізував динамічну смугу прогресу з пронумерованими індикаторами кроків, плавними CSS-переходами та адаптивними станами кнопок. Цей компонент демонструє маніпуляції з DOM, обробку подій та сучасні техніки CSS, які часто використовуються в багатоступеневих формах та процесах онбордингу.
Створив інтерактивну цільову сторінку з висувним навігаційним меню та модальною формою реєстрації, використовуючи чистий JavaScript, HTML та CSS. Реалізував плавні CSS-переходи, обробку подій для взаємодії з користувацьким інтерфейсом та принципи адаптивного дизайну, демонструючи фундаментальні методи маніпуляції DOM та сучасні підходи до стилізації CSS.
Розробив додаток для пошуку рецептів з використанням TheMealDB API. Реалізував пошук у реальному часі, генерацію випадкових страв та детальні картки з інгредієнтами та інструкціями. Інтегровано обробку помилок API та динамічне оновлення інтерфейсу.
Розробив інтерактивну демонстрацію методів масивів JavaScript (map, filter, sort, reduce) з реальним оновленням DOM. Інтегровано Random User API для генерації тестових даних, реалізовано розрахунки стану та динамічне оновлення інтерфейсу.
Реалізував валідацію форм на стороні клієнта з використанням чистого JavaScript, HTML та CSS. Розробив переіспользувані функції для перевірки обов'язкових полів, обмежень довжини введення, формату email (regex) та збігу паролів, забезпечуючи негайний візуальний зворотний зв'язок користувачеві.
Розробив інтерактивний інтерфейс бронювання місць у кінотеатрі, використовуючи чистий JavaScript, HTML та CSS. Реалізував логіку вибору місць, динамічний розрахунок ціни та використав localStorage для збереження вибору користувача між сесіями, демонструючи навички маніпуляції DOM та обробки подій.
CommercialCompleted
Розробив спеціалізований компонент на React/TypeScript для інспекції на основі ризиків (RBI), використовуючи Ant Design та React Query. Сфокусувався на створенні вбудованого, надійного UI зі скелетним завантаженням та обробкою помилок для безшовної інтеграції у більші системи.
calcExport — це елегантний та ефективний інструмент, розроблений для спрощення розрахунків та безперешкодного експорту результатів. Створений з використанням TypeScript, він пропонує адаптивний інтерфейс користувача, покращений за допомогою CSS, що робить його ідеальним вибором для розробників, які шукають надійні та інтуїтивно зрозумілі рішення для розрахунків.
Money-Vault — це надійний додаток на базі Next.js, призначений для безпечного управління фінансовими даними з використанням передових технологій, таких як AWS S3 для зберігання і Google Cloud Vision для аналізу даних. Він пропонує динамічний та зручний інтерфейс, заснований на React та Radix UI, для покращення користувацького досвіду.
riskBasedInspection — це динамічний інструмент, створений для оптимізації процесу інспекцій шляхом пріоритизації ризиків, допомагаючи бізнесу зосередити ресурси там, де вони найбільш необхідні. Побудоване на TypeScript, це застосування підвищує операційну ефективність завдяки зручному інтерфейсу та надійним функціям оцінки ризиків.
dashBoard — це динамічний і інтерактивний веб-застосунок, розроблений з використанням TypeScript, який забезпечує безперебійну роботу користувача. Він включає адаптивні елементи дизайну та візуалізацію даних у реальному часі, що робить його ідеальним рішенням для моніторингу та аналізу ключових метрик.
Employment_cal — це динамічний календарний додаток, призначений для спрощення планування та управління зайнятістю, з інтерактивними денними, списковими та часовими переглядами. Використовуючи надійні бібліотеки, такі як FullCalendar та Bootstrap, він забезпечує безшовний користувацький досвід для ефективної організації завдань та подій.
Localization Dashboard — це універсальний веб-застосунок, призначений для ефективного управління та візуалізації даних локалізації. Створений з використанням React та React Admin, він легко підключається до REST API, забезпечуючи зручний інтерфейс для роботи з завданнями інтернаціоналізації.
EmploymentApproval — це комплексний додаток, розроблений для спрощення процесів планування та затвердження працівників, з інтуїтивно зрозумілим інтерфейсом календаря та сповіщеннями в режимі реального часу. Створений на сучасній технологічній базі, він забезпечує ефективне управління та безперебійний користувацький досвід.
learningBoard — це потужний додаток для адміністрування, створений на React, який демонструє повний набір функцій, включаючи управління даними, динамічні діаграми та налаштовувані теми. Побудований з використанням сучасних бібліотек і фреймворків, він забезпечує плавний користувацький досвід у світлому і темному режимах.
GDCExcelWorker - це інструмент на Python, призначений для спрощення та автоматизації завдань в Excel, підвищуючи продуктивність завдяки ефективній обробці та аналізу даних.
Проєкт 'users-activity' - це веб-додаток, створений для візуального відображення активності користувачів через динамічні та інтерактивні інтерфейси. Використовуючи CSS-анімації та мінімальне JavaScript-середовище, він пропонує інтуїтивно зрозумілий та чуйний користувацький досвід.
PDFPagesManager — це інструмент для автоматичної обробки та зміни PDF-файлів шляхом видалення певних сторінок залежно від їхньої кількості, забезпечуючи ефективне управління документами. Він створює змінені копії PDF-файлів, зберігаючи оригінали.
SQLCourse — навчальний курс із написання запитів і роботи з базами даних MySQL та PostgreSQL. Опановуйте SQL швидко або поглиблено: створення таблиць, робота з даними, об'єднання таблиць і оптимізація запитів.
Redux2024 — це навчальний проєкт, присвячений вивченню можливостей Redux у 2024 році. У проєкті детально розглядаються як базові принципи роботи з Redux, так і сучасні інструменти, такі як Redux Toolkit та Redux Thunk. Проєкт створено на основі Create React App з використанням React, TypeScript і JavaScript. Мета проєкту — продемонструвати ефективні методи управління станом у сучасних вебзастосунках з акцентом на продуктивність, масштабованість і зручність для користувачів.
PDFImageMerger — це інструмент на Python, призначений для об'єднання зображень в один PDF-файл, спеціально для папок з назвою 'Паспорт'. Він підтримує різні формати зображень, автоматично визначає орієнтацію зображень та виключає системні і приховані папки з обробки.
Job-search — це динамічний веб-додаток, створений на базі Vue 3, призначений для спрощення процесу пошуку роботи завдяки інтеграції інтуїтивно зрозумілих функцій пошуку та оновлень в реальному часі. Проєкт використовує передові технології, такі як іконки FontAwesome та надійну систему управління станом з Pinia для забезпечення безшовного користувацького досвіду.
Digitalvcard — це інструмент з відкритим кодом, що дозволяє створювати інтерактивні та адаптивні цифрові візитівки, які розміщуються безпосередньо на вашому сайті, виключаючи потребу у сторонніх сервісах. Насолоджуйтесь елегантним дизайном, лаконічними кнопками дій та швидким налаштуванням для економічного цифрового мережевого рішення.
pubMedImporter — це інструмент на основі PHP, призначений для спрощення процесу імпорту та управління медичними науковими статтями з PubMed. Це плагін для WordPress, який дозволяє запитувати за API та ключовими словами набір статей, а потім за необхідності відразу додавати їх до свого блогу.
Solidjs-glider - це динамічний веб-додаток, що використовує фреймворк Solid.js для забезпечення безперебійного користувацького досвіду. Він інтегрує Firebase для обробки даних у реальному часі і використовує сучасні бібліотеки, такі як lodash і moment, для ефективної маніпуляції даними та управління часом.
Gpteach — це динамічний веб-додаток, створений за допомогою Next.js, який інтегрує можливості OpenAI для покращення взаємодії з користувачами. Він пропонує оновлення сторінок у реальному часі, управління маршрутами API та оптимізоване завантаження шрифтів для бездоганного та захоплюючого користувацького досвіду.
Timetracking — це додаток, який відображає зведені дані зайнятості співробітників організації за вибраний період. У додатку присутні фільтри за об'єктами, підрозділами, видами та підвидами робіт. Також можливий детальний перегляд зайнятості по годинах для кожного дня. Додаток успішно працює в реальній функціонуючій в організації ERP-системі.
Redux-learning — це проєкт на базі React, створений для вивчення та опанування управління станом за допомогою Redux Toolkit. Він включає надійне тестування за допомогою React Testing Library та ефективну обробку даних з Axios.
Простий веб-додаток для обліку доходів та витрат. Додавайте транзакції, переглядайте баланс, загальні доходи/витрати та історію. Дані зберігаються локально у сховищі браузера.
