export function useColorMode() {
  init()

  const set = (next: ColorMode) => {
    mode.value = next
    localStorage.setItem(STORAGE_KEY, next)
    apply()
  }

Front-enddeveloper.

Buduję przejrzyste, responsywne interfejsy w Vue 3 – komponenty wielokrotnego użytku, stan i integracje z API. Na co dzień piszę z Composition API, Inertia.js i Tailwindem.

Zobacz projekty

Vue 3
Composition API
Inertia.js
Tailwind CSS
PrimeVue

od 2013komercyjnie – HTML, CSS i JavaScript
20+stron wdrożonych dla firm
Vue 3na produkcji, codziennie w Pesi
Reactw nauce – potem TypeScript i testy

// app/data/featuredProjects.ts
export const visibleFeaturedProjects = () =>
  featuredProjects
    .filter(p => !p.hidden)
    .sort((a, b) => String(b.date ?? '').localeCompare(String(a.date ?? '')))

const projects = visibleFeaturedProjects()
const scroller = useTemplateRef<HTMLElement>('scroller')

Rzeczy, które zbudowałem

Aplikacje, strony komercyjne i projekty, na których się uczę.

Wszystkie projekty

WordPress
Gutenberg
Emotion Karting
Strona toru kartingowego w Bytomiu – jasny i ciemny motyw, cennik i aktualności.
emotion-karting
- WordPress
- Gutenberg
ReblyX
Strona centrum obróbki stali – projekt i wdrożenie, treści edytowane w Gutenbergu.
reblyx.com
- Vue 3
- Inertia.js
- PrimeVue
e-cargo
Aplikacja webowa – większość front-endu i komponenty używane przez cały zespół.
e-cargo
- Swiper
- JavaScript
- Twig
superauto.pl
Nie cały serwis, tylko moja część: karuzele na Swiperze – m.in. galeria auta – zebrane w jeden spójny komponent.
superauto.pl
- JavaScript
- OOP
- PokéAPI
Pokedex
Ponad 1000 pokemonów w czystym JS – kolejność ładowania i lokalna baza w przeglądarce.
pokedex
- Vue
- CSS
- API
Coffee Recipes
Przepisy na kawę – filtrowanie po składnikach, stan aplikacji i lokalne API.
coffee-recipes

<li
  v-for="(project, i) in projects"
  :key="project.title"
  v-reveal="(i % 3) * 80"
>
  <CommonProjectTile v-bind="project" />
</li>

Dwa sposoby, w jakie mogę pomóc

Ta sama osoba, dwie różne potrzeby. Wybierz tę, która brzmi jak Twoja.

Dla zespołów produktowych

Front-end do aplikacji webowych

Vue 3 z Composition API, Inertia.js, Tailwind i PrimeVue
Biblioteki komponentów budowane zgodnie z wytycznymi zespołu
Projekty z Figmy zamienione na responsywny, dostępny kod
Porządkowanie starego front-endu bez psucia tego, co działa

Zobacz moje projekty

Dla firm

Strona, która zarabia na siebie

WordPress z edytorem bloków – treści zmieniasz sam
Projekt i wdrożenie w jednych rękach
Pomoc z hostingiem i domeną – konto zostaje na Ciebie
20+ stron dla firm od 2013 roku

Zobacz ofertę dla firm

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.directive('reveal', {
    mounted(el, binding) {
      if (el.getBoundingClientRect().top < window.innerHeight) return
      el.classList.add(...HIDDEN)

Z czym pracuję

Na co dzień, na produkcji

Vue 3
Composition API
JavaScript
Tailwind CSS
SCSS / CSS
HTML5
Inertia.js
PrimeVue
RWD

Znam i używam

Blade.php
Twig
WordPress + ACF
Swiper
AOS
Bootstrap
jQuery
Git
Figma
Photoshop / XD
Jira / Confluence

Uczę się teraz

Reactkurs w toku

W kolejce: TypeScript, testy w Vitest, Node.js i React Native. Kierunek: fullstack – od komponentu, przez API, po aplikację mobilną.

watch(
  () => props.target,
  (el, old) => {
    old?.removeEventListener('scroll', update)
    el?.addEventListener('scroll', update, { passive: true })
  },
  { immediate: true, flush: 'post' },
)

O mnie

Po liceum od razu poszedłem do pracy i wskoczyłem w kod – strony w czystym HTML z Bootstrapem i pierwszymi skryptami w jQuery, które backend developer podpinał pod własny CMS. Potem przyszedł WordPress: Enfold, Jupiter, Bridge, Divi, a dziś czysty Gutenberg. Grafikę studiowałem, ale nawet na etacie UX/UI designera ciągle uciekałem do programowania, aż wróciłem do niego na dobre 🙂

Lubię analizować i projektować nowe rozwiązania, szukać błędów i nielogicznych miejsc w kodzie. Dobrze czuję się, zaczynając projekt od zera, ale też wdrażając się w kod, który ktoś już rozpoczął.

„Najlepiej pracuje mi się tam, gdzie mogę skupić się na kodzie i budować dobre produkty razem z zespołem.”

paź 2025 – teraz
Pesi · Junior Front-End Developer
Vue 3, Inertia.js, Tailwind, PrimeVue; front-end aplikacji e-cargo i wspólne biblioteki komponentów.
- e-cargo
sty 2023 – cze 2025
Arris Agency · Front-End Developer
Front-end superauto.pl; Figma → Twig / HTML / CSS / JS, animacje Swiper, refaktoryzacja.
- superauto.pl
lut – wrz 2022
ValueAdd · UX/UI Designer & HTML/CSS
Prototypy w Figmie i ich wdrożenie w responsywny HTML/CSS.
lip 2013 – lut 2022
b4b marketing & eConnect4u · UI Developer
Strony w HTML, Bootstrapie i jQuery, potem WordPress z ACF i integracje z CMS w PHP; współpraca i spotkania z zespołem z UK.

Wykształcenie

Akademia WSB – mgr informatyki, grafika komputerowa i multimedia (2019–2021)
WSTI Katowice – lic. grafika (2014–2018)

Poza kodem: na półce fantasy i książki młodzieżowe, wieczorami z żoną planszówki, Divinity: Original Sin 2 albo Tekken. Przebiegłem też Runmageddon – statuetka weterana i korona stoją teraz między książkami 🏅

const { data: posts } = await useAsyncData('home-posts', () =>
  queryCollection('blog')
    .where('draft', '=', false)
    .order('date', 'DESC')
    .limit(6)
    .all(),
)

Wpisy

Case study i krótsze wpisy – o tym, co zbudowałem, poprawiłem i czego się nauczyłem.

Wszystkie wpisy

Aktualnie brak wpisów

Pierwsze case study i wpisy o tym, nad czym pracuję, pojawią się tutaj wkrótce.

const res = await fetch(WEB3FORMS_ENDPOINT, {
  method: 'POST',
  headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
  body: JSON.stringify(payload),
})
const data = await res.json().catch(() => ({}))

Masz projekt do zrobienia?

Albo szukasz kogoś do zespołu? Napisz kilka zdań – odpowiem w ciągu 72 godzin.

Rzeczy, które zbudowałem

Emotion Karting

ReblyX

e-cargo

superauto.pl

Pokedex

Coffee Recipes