ProofLab · портфоліо розробника

Показую код і робочі сценарії, а не вигаданий досвід.

Один реальний production-проєкт і п’ять self-initiated demo. У кожного кейсу є стек, функції, критерії готовності та чесна позначка походження.

01 · Реальний проєкт не називаю WordPress, якщо це власна Node.js-платформа.

02 · Навчальне демо не видаю за клієнтську роботу.

03 · Метрики показую лише з відтворюваним джерелом.

6 перевірюваних історій

Від термінової правки до webhook-воронки

Кожна картка одразу показує, що це: production чи self-initiated demo.

01Live production project

Shatalov Agency: сайт, CMS, CRM і published snapshot

Реальний сайт із власною адмінкою, draft → preview → publish, заявками та PostgreSQL/Supabase.

  • Node.js
  • PostgreSQL
  • Supabase
  • HTML/CSS/JS
EvidenceLive URL · public API · 850-test gate
Відкрити кейс
02Self-initiated demo

WordPress / Elementor Fix Lab

Форма замовлення в hero, адаптивний FAQ та пакет інтеграції без зміни теми цілком.

  • WordPress
  • Elementor
  • PHP
  • CSS/JS
EvidenceInteractive before/after · plugin artifact
Відкрити кейс
03Self-initiated demo

OpenCart PageSpeed Audit Lab

Контрольна storefront-fixture: LCP, CLS, critical CSS, responsive images, deferred scripts і cache policy.

  • OpenCart
  • PHP
  • CWV
  • Web Performance
EvidenceAudit fixture · waterfall · checklist
Відкрити кейс
04Self-initiated demo

Sushi Bar: адаптивна верстка з живими станами

Mobile-first каталог, фільтри, картки товарів, кошик і темна візуальна система без готового шаблону.

  • React
  • HTML/CSS
  • Responsive
  • Accessibility
Evidence390 / 768 / 1440 · keyboard-ready UI
Відкрити кейс
05Self-initiated live API demo

API / Webhook / CRM Lead Router

Реальний POST/GET/PATCH API, server-side validation, D1 persistence і CRM-статуси на синтетичних лідах.

  • REST API
  • Webhook
  • D1/SQL
  • React
EvidenceLive endpoint · persisted synthetic records
Відкрити кейс
06Sandbox workflow demo

n8n · Telegram · OpenAI Approval Pipeline

Telegram intake, normalization, OpenAI Responses API, human approval і platform adapters без auto-publish у демо.

  • n8n
  • Telegram
  • OpenAI
  • Webhooks
EvidenceImportable workflow · sandbox execution trace
Відкрити кейс

Як читати кейс

Три рівні доказу

  1. 01

    Живий інтерфейс

    Клікабельний сценарій із responsive, loading, success та error states.

  2. 02

    Технічний артефакт

    Код, workflow або пакет інтеграції, який можна відкрити й перевірити.

  3. 03

    Definition of Done

    Конкретні критерії, що відділяють красивий екран від завершеної роботи.