Марк Сторчовий · Full-stack розробник · Вроцлав · Віддалено

Створюю вебпродукти, якими справді користуються.

Full-stack-розробник, працюю з React і TypeScript. Доводжу фічі від порожнього файлу до продакшену: типізований фронтенд, продумана модель даних, тести й релізи, які не ламають того, що вже працює.

Дивитися роботи
Сайт iBraid Studio та онлайн-запис на ноутбуці й телефоні
Остання робота, вже працюєibraid-studio.com: сайт, запис і панель студії, які я зробив з нуля

Вибрана роботаГру 2025 – Вер 2026

iBraid Studio

Як я перетворив прайс студії плетіння кіс і зошит із записами на одну систему, що веде записи, депозити й нагадування.

Відкрити ibraid-studio.com

Задача

Дві майстрині, 53 зачіски, робота в салоні та з виїздом по Торонто й Міссісазі. Клієнткам треба було бачити реальну ціну й реальний час і записуватися за хвилину. Студії потрібне було одне місце, щоб вести день.

Моя роль: продукт, фронтенд, бекенд, платежі й деплой. Самостійно.

Що я зробив

  • СайтКожна зачіска з реальною ціною та часом у кріслі. Насамперед під телефон, у двох темах, з відеопортфоліо.
  • Онлайн-записСім коротких кроків. Депозит $30 через Stripe іде одразу майстрині, яка веде запис.
  • Панель студіїЗаявки, тиждень у вигляді календаря, платежі, аналітика й ціни, які студія змінює сама.
  • ПовідомленняСтудія відповідає на заявку з картки в Telegram одним дотиком. Клієнтки отримують нагадування поштою та SMS.

Рішення у фронтенді

  • Сім кроків, у кожному одне питанняПослуга, стиль, місце, майстриня, час, контакти, перевірка: кожен екран питає про одне, а крок вибору майстрині з'являється, лише коли вибір справді є. Крок зберігається в URL, тож запис переживає перезавантаження, ним можна поділитися, і кнопка «назад» працює як слід.
  • Помилки тоді, коли вони допомагаютьПоле перевіряється, коли з нього виходиш, а не поки друкуєш, а кнопка «Далі» неактивна, доки крок не заповнено правильно. Незавершений запис зберігається на час сесії, тож перезавантаження чи обрив зв'язку його не гублять.
  • Спершу телефон, клавіатура тежПроєктувалося спершу під екран телефона. Під час переходу між кроками фокус переходить на новий заголовок, і скринрідер його оголошує, тож увесь процес працює й з клавіатури.
  • Дві теми без блиманняСпершу темна, з бурштиново-чорного фірмового стилю студії, і світла — той самий бренд на теплому папері. Тема слідує за системною, доки відвідувач не обере сам, і застосовується до першого відмальовування.

Під капотом

50
приблизно стільки клієнтів на місяць проходять через систему
702
автотести
26
таблиць у базі, 42 міграції
3
канали повідомлень: Telegram, пошта, SMS

Проєкти

Інші проєкти

Увесь код на GitHub

LioraLang

Офлайн-застосунок для інтервальних повторень у браузері та на десктопі з однієї кодової бази React, з хабом спільних колод.

Задача
Ті самі колоди й історія повторень мають жити у двох місцях, у десктопному застосунку на Electron і в браузері, працювати без інтернету й збігатися після синхронізації.

React · Vite · Electron · SQLite · IndexedDB · Supabase · JavaScript · CSS

ДемоКод проєкту

Стек

З чим я працюю

Інструменти, на яких зроблено проєкти з цієї сторінки. Під нову задачу підбираю те, що їй пасує, і опановую те, чого вона вимагає.

Фронтенд

  • React
  • TypeScript
  • JavaScript
  • Next.js
  • Vite
  • HTML/CSS
  • Tailwind CSS

Бекенд і дані

  • Node.js
  • PostgreSQL
  • Supabase
  • SQLite/IndexedDB

Десктоп, платежі та інструменти

  • Electron
  • Stripe
  • Vitest
  • Git
  • Vercel

Досвід

Досвід

Full Stack Engineer

iBraid Studio

Грудень 2025 — Вересень 2026Торонто, Канада · Віддалено

Самостійно спроєктував і побудував усю систему студії: публічний сайт, онлайн-запис із депозитом через Stripe, панель студії та сповіщення через Telegram, email і SMS. Через неї проходить близько 50 клієнтів на місяць.

Ключові обов'язки
  • Зробив сайт і запис у сім кроків на Next.js і TypeScript, з правилами цін і запису в окремому, повністю покритому тестами доменному шарі.
  • Спроєктував схему PostgreSQL у Supabase: 26 таблиць, 42 міграції, row level security та обмеження в базі проти подвійного запису.
  • Інтегрував Stripe Connect, щоб кожен депозит ішов одразу на рахунок майстрині, яка веде запис.
  • Побудував панель студії: вхідні, календар тижня, історію, платежі, аналітику та редагування каталогу.
  • Зробив Telegram-бота для відповіді на заявки та надсилання email і SMS через чергу з повторними спробами.
  • Покрив систему 702 автотестами й розгорнув її на Vercel зі строгою політикою Content Security Policy.
Технології

Next.js · TypeScript · React · PostgreSQL · Supabase · Stripe · Telegram Bot API · Tailwind CSS

Портрет Марка Сторчового

Про мене

Привіт, я Марк.

Я full-stack веб-розробник із Вроцлава. Мені подобається вся робота: поговорити з людьми, які цим користуватимуться, вирішити, що воно має робити, і зробити це як слід, від бази даних до останньої кнопки.

Наразі це система запису, яка щодня веде справжню студію в Торонто, функції на WordPress для технологічного стартапу в Італії та застосунок для вивчення мов у браузері й на десктопі. Задачі різні, підхід один: спершу розібратися, потім зробити так, щоб працювало роками. Паралельно заглиблююся в Linux, сервери й мережі.

Контакти

Шукаєте фронтенд- або full-stack-розробника?

Хочу в команду, де зможу вести фічі повністю, від інтерфейсу до бази даних, і далі вчитися в людей навколо. Напишіть, що за роль, і кілька слів про команду.

Відкритий до full-time вакансій. Також беру фриланс-проєкти.

LinkedInGitHub
© 2026 Зробив Mark StorchovyiWrocław