Антон Бойко

Frontend-розробник

Приклади робiт

Сайт-візитка та блог адвоката

Лендінг і блог для адвоката, розроблені з нуля на Astro з використанням статичної генерації. Блог реалізований через Keystatic з адмін-панеллю, підтримує пошук, пагінацію, категорії та теги.

Розроблені форми зворотного зв'язку, а також варіативна форма укладання договору з генерацією готового .docx-файлу та відправкою його в архів.

Робота з SEO, OpenGraph, JSON-LD, оптимізація завантаження, інтеграція з Google Search Console.

Проєкт розгорнуто на Cloudflare з використанням Cloudflare Workers. Враховано вимоги доступності (ARIA) та адаптивність.

  • Astro
  • SSG
  • Keystatic
  • TypeScript
  • UnoCSS
  • Hono
  • Cloudflare Pages

Svitlo

Веб-додаток для зручного перегляду графіків планових відключень світла в місті. Парсинг актуальних даних, візуалізація розкладів і нульова вартість інфраструктури.

У процесі розвитку проєкт пройшов через повноцінну міграцію інфраструктури: стек на основі Vercel + Supabase + Prisma був замінений на Cloudflare-екосистему.

Проєкт об'єднаний в монорепозиторій з пов'язаним сервісом Svitlo Notify: типобезпечна інтеграція із зовнішнім API, OpenAPI-специфікація ендпоінтів через Chanfana і наскрізна типізація даних через межі пакетів без розсинхронізації. Крім веб-інтерфейсу, реалізовано Telegram Mini App для отримання розкладів прямо в месенджері.

У квітні 2025 року сайт вперше подолав позначку 10 000 переглядів за місяць.

  • Astro
  • React
  • Turborepo
  • TypeScript
  • Tailwind
  • shadcn
  • Cloudflare (Pages, D1, KV)
  • Drizzle
  • Hono
  • OpenApi
  • Groq SDK

Svitlo Notify

API-сервіс, інтегрований у монорепозиторій з основним проєктом (Svitlo), з наскрізною типізацією даних. На основі отриманих графіків відключень автоматично генерує й публікує візуальні діаграми в Telegram.

Реалізована система підписок з повідомленнями через бота і Mini App для управління чергами.

Розгорнуто з використанням довготривалих функцій для обробки черг з урахуванням таймінгів Telegram.

  • TypeScript
  • Hono
  • OpenApi (chanfana)
  • Turborepo
  • Satori
  • GrammyJS
  • Render.com

Parcel static

Консольний конструктор проєктів для створення статичних сайтів на базі Parcel. Створює середовище розробки та пропонує вибір між різними технологіями розробки.

  • Node.js
  • esbuild
  • TypeScript

Cassette tape

CSS Art. Анімоване зображення аудіо-касети, створене виключно за допомогою стилів CSS.

  • CSS
  • SCSS
  • Gulp

Shmot-shopy

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

  • Laravel
  • Inertia
  • React
  • Tailwind
  • shadcn

CV/Portfolio

Особисте резюме та портфоліо розробника. Нативна багатомовність (без зовнішніх бібліотек), перемикання між темною та світлою темою, плавні анімовані переходи між сторінками. Розгорнуто через GitHub Pages.

  • Astro
  • TypeScript
  • UnoCSS
  • Wind preset

Portal Calc

Калькулятор ресурсів порталу для мобільної гри Hustle Castle. Реалізована багатомовна підтримка через мовні маршрути. Миттєві обчислення форми при введенні.

  • React
  • React Router
  • Vite-PWA
  • OpenGraph