Volodymyr

Full Stack Developer

React · Next.js · Node.js

Створюю веб-застосунки від UI до API — TypeScript, React і Node.js.

Технології

Frontend

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Vite
  • CSS Modules
  • Mantine
  • TanStack Query
  • Axios
  • Zustand

Backend

  • Node.js
  • Express
  • MongoDB

Tools & DevOps

  • Git
  • ESLint
  • Vitest
  • Vercel
  • Render
  • GitHub Pages

Проєкти

https://harmoniq-azure.vercel.app

Командний проєкт: Harmoniq — платформа статей

Full-Stack Developer у команді з 12 осіб: спільнота статей на Next.js, Express REST API і MongoDB, сесії на cookies, закладки, профіль і адаптив. Свій live на Vercel і Render.

  • Next.js
  • TypeScript
  • React
  • Express
  • MongoDB
  • TanStack Query
  • Zustand
  • Full-Stack Developer у команді з 12 людей
  • Статті, автори, профіль і закладки (TanStack Query)
  • REST API: Express, MongoDB, httpOnly cookies, Cloudinary
  • Мобільний UI, власний live на Vercel і Render

Деякі сайти блокують iframe (X-Frame-Options / CSP). Якщо прев’ю порожнє — відкрийте Live Demo у новій вкладці.

GitHubLive Demo
https://volodymyr-but2025.github.io/Mebleriya/

Командний проєкт: Меблерія — каталог меблів

Team Lead і Front-End Developer у команді з 10 осіб: каталог меблів на Vite з REST API, модалками товару й замовлення, адаптив і GitHub Pages.

  • HTML5
  • CSS3
  • JavaScript
  • Vite
  • Axios
  • Git
  • Team Lead команди з 10 людей
  • Каталог з REST API (Axios) і пагінацією
  • Модалки товару та замовлення
  • Адаптивний UI і деплой на GitHub Pages

Деякі сайти блокують iframe (X-Frame-Options / CSP). Якщо прев’ю порожнє — відкрийте Live Demo у новій вкладці.

GitHubLive Demo
https://tattoo-calculator-ashen.vercel.app/

Особистий проєкт: Tattoo Calculator — калькулятор ціни тату

Front-End Developer: PWA для майстра на React і Vite. Розрахунок за розміром, стилем, кольором і зоною; ставка в localStorage; копіювання комерційної пропозиції клієнту. Live на Vercel.

  • React
  • Vite
  • Tailwind CSS
  • PWA
  • JavaScript
  • Особистий продукт: калькулятор ціни для тату-майстра
  • Формула: площа × стиль × колір × зона + ставка й розхідники
  • PWA (vite-plugin-pwa) і збереження рейту в localStorage
  • Копіювання розрахунку клієнту; live на Vercel

Деякі сайти блокують iframe (X-Frame-Options / CSP). Якщо прев’ю порожнє — відкрийте Live Demo у новій вкладці.

GitHubLive Demo
https://volodymyr-but2025.github.io/Team_junior/

Командний проєкт: EcoTote — лендінг

Front-End Developer (секція Support): адаптивна форма зворотного зв’язку, валідація полів і ретина-зображення в командному лендінгу на Vite.

  • HTML5
  • CSS3
  • Vite
  • Git
  • Front-End Developer у командному лендінгу
  • Адаптивна форма Support (mobile / tablet / desktop)
  • Валідація полів і ретина-зображення
  • Командна робота через pull requests

Деякі сайти блокують iframe (X-Frame-Options / CSP). Якщо прев’ю порожнє — відкрийте Live Demo у новій вкладці.

GitHubLive Demo