Web development
Od HTML/CSS/JS po React z Vite, Tailwind i Supabase — pełne aplikacje live na produkcji. Responsywność, animacje i dbałość o szczegóły UX na każdym etapie.
// 01 — Profil
O mnie
Frontend Developer (React) · Automotive Background
Buduję aplikacje webowe, które rozwiązują realne problemy.
Tworzę pełne aplikacje webowe (React, Supabase, Tailwind) — od pomysłu po wdrożenie live na produkcji. Realne doświadczenie z dealerskiego środowiska Toyota & Lexus daje mi to, czego nie uczy żaden kurs: zrozumienie procesów biznesowych i pracy z prawdziwym klientem.
Cel zawodowy
Frontend Developer (React) · Junior Fullstack
2+
lata w automotive
3
projekty live
15
technologii i narzędzi
4
kluczowe obszary
Automatyzacja & dane
Google Sheets, Apps Script i SQL — automatyzacja powtarzalnych zadań i budowanie prostych narzędzi, które oszczędzają czas realnie.
Procesy automotive
Koordynacja doposażeń, kontrola terminowości i przepływ informacji między sprzedażą, serwisem, magazynem i logistyką — codziennie, w środowisku dealerskim.
CRM & raportowanie
Statusowanie, arkusze operacyjne i efektywny obieg danych między działami. Excel i Google Sheets jako narzędzia codziennej pracy.
// 02 — Stack
Umiejętności
WEB
ADVANCED
HTML · CSS · JS · React
Responsywne strony, DOM, animacje — i pełne aplikacje React z Vite, Tailwind i Framer Motion live na produkcji.
DATA
LEARNING
SQL / Supabase / Sheets
Bazy danych (PostgreSQL przez Supabase), zapytania, arkusze operacyjne, automatyzacja przez Apps Script.
OPS
EXPERT
Automotive & Procesy
Koordynacja doposażeń, terminowość i komunikacja między sprzedażą, serwisem i logistyką.
CRM
ADVANCED
CRM / Raportowanie / Excel
Statusowanie, arkusze operacyjne, analiza danych i porządkowanie codziennych procesów.
WP
JUNIOR
WordPress / WooCommerce
Wdrożenia live — katalogi produktów, szablony, formularze i optymalizacja pod markę.
SYS
BASE
Sieci / Systemy IT / Wsparcie
Systemy operacyjne, sieci komputerowe, sprzęt i wsparcie środowiska użytkownika.
// Narzędzia & tech
HTML
CSS
JavaScript
React
Vite
Tailwind CSS
Supabase
Framer Motion
WordPress
WooCommerce
Excel
Google Sheets
Apps Script
SQL
Git
// Currently Learning
Aktualnie rozwijam
React już sprawdzony w komercyjnych wdrożeniach — teraz idę głębiej: TypeScript, zaawansowane wzorce React i backend przez Supabase/PostgreSQL.
01
TypeScript
Typowanie React, interfejsy, generyki — bezpieczniejszy kod na skali.
02
React Advanced
Custom hooks, Context, optymalizacja rerenderów, wzorce architektoniczne.
03
SQL / PostgreSQL
Zaawansowane zapytania, RLS w Supabase, struktury relacyjne i widoki.
04
Node.js / API
Własne endpointy, integracje, autoryzacja i pełny backend workflow.
// 03 — Kariera
Doświadczenie & wykształcenie
Doświadczenie zawodowe
Specjalista ds. Doposażeń
Toyota & Lexus Romanowski · KrakówOperacyjna odpowiedzialność za cały proces przygotowania i doposażania pojazdów Toyota i Lexus — od kontroli terminowości i przepływu akcesoriów po koordynację między sprzedażą, serwisem, magazynem i logistyką. Równolegle projektowanie i rozwijanie arkuszy operacyjnych, które przyspieszyły raportowanie i obieg informacji między działami.
Automotive
CRM
Raportowanie
Workflow
Procesy
Excel / Sheets
Młodszy doradca klienta
Holding1 / PGD · KrakówObsługa klienta i praca z systemami CRM w środowisku dealerskim — aktualizacja danych sprzedażowych, wsparcie komunikacji między klientem, sprzedażą i serwisem. Pierwsze doświadczenie z procesami automotive i narzędziami codziennej organizacji pracy w salonie.
Obsługa klienta
CRM
Dane
Sprzedaż
Monter
Level One Uitzendbureau · Emmeloord, NLMontaż podzespołów elektronicznych w środowisku produkcyjnym — zgodnie z dokumentacją techniczną i z pełną kontrolą jakości na każdym etapie. Praca za granicą (Holandia) rozwinęła samodzielność, zdolność do adaptacji i odpowiedzialność za własny proces.
Elektronika
Dokumentacja
Jakość
Praca za granicą
Wykształcenie
Informatyka — studia inżynierskie
WSB-NLU · Nowy SączKierunek łączący systemy IT, programowanie, analizę danych i cyberbezpieczeństwo — równolegle z pracą zawodową w automotive.
Inżynier
Systemy IT
Cyberbezpieczeństwo
Technik informatyk
ZS im. Wincentego Witosa · Sucha BeskidzkaSystemy operacyjne, sieci komputerowe, obsługa sprzętu, środowisko użytkownika końcowego.
Technik informatyk
Sieci
Systemy
// 04 — Realizacje
Projekty
// Realne wdrożenia
Jakub Mytyl — Web Development
Własna marka usługowa — projektowanie i budowa stron oraz aplikacji webowych dla małych firm i marek. Od stron na WordPressie (jak wiorko.pl) po pełne aplikacje React z bazą danych i panelem admina. Strona usługowa w budowie — w międzyczasie pisz śmiało na kontakt poniżej.
React
WordPress
Tailwind CSS
Supabase
UI/UX
wiorko.pl
Strona dla rodzinnej pracowni stolarskiej — od zera do wdrożenia live. Katalog produktów WooCommerce, formularze zapytań ofertowych i spójny UI dopasowany do marki. Realny klient, realne wymagania.
WordPress
WooCommerce
UI/UX
Kontakt
„Świetna współpraca od samego początku — strona dokładnie taka, jakiej potrzebowaliśmy, a do tego stała opieka, moderacja i szybkie zmiany, kiedy ich potrzebujemy."
— Klient, Pracownia Stolarska Wiórko
Problem
Rodzinna pracownia stolarska działała wyłącznie z polecenia — bez strony nie było jak pokazać realizacji ani przyjąć zapytania ofertowego bez telefonu.
Rozwiązanie
Pełne wdrożenie na WordPressie: katalog produktów WooCommerce, formularz zapytań ofertowych, responsywny UI dopasowany do rzemieślniczego charakteru marki, konfiguracja domeny i hostingu oraz podstawowe SEO.
Efekt
Firma jest teraz widoczna w Google, a klienci mogą przeglądać ofertę i wysłać zapytanie online. Nadal opiekuję się stroną — moderacja treści i bieżące zmiany na życzenie klienta.
AutoFlow — Plan Wydań
Dashboard operacyjny dla salonu Toyota & Lexus — tygodniowy plan wydań pojazdów, statusy, filtrowanie między salonami i widok szczegółowy pojazdu. Zbudowany od zera w czystym HTML/CSS/JS, bez frameworków.
HTML
CSS
JavaScript
Automotive
Dashboard
Zobacz kod →
Problem
Plan wydań pojazdów w salonie Toyota & Lexus żył w kilku arkuszach i ustnych ustaleniach między działami — nikt nie miał pełnego obrazu tygodnia bez ręcznego sprawdzania każdego z nich.
Rozwiązanie
Dashboard zbudowany od zera w czystym HTML/CSS/JS — tygodniowy plan wydań z rozbiciem na dni, statusy pojazdów (gotowy / oczekuje), filtrowanie między salonami Toyota i Lexus oraz szczegółowy widok każdego pojazdu po numerze VIN.
Efekt
Jeden ekran zamiast kilku arkuszy. Sprzedaż i serwis widzą status pojazdu od razu, bez dopytywania — a zator w planie wydań widać, zanim zdąży się zrobić problemem.
Portfolio Frontend / Automotive
Dark, dashboardowy one-page zbudowany od zera w czystym HTML/CSS/JS — bez frameworków. Custom cursor, animowane orby, scroll progress, ghost numbers, 10 easter eggów i pełna responsywność.
HTML
CSS
JavaScript
Responsive
Zobacz kod →
// Eksperymenty & learning
Portfolio Easter Eggs
10 ukrytych interakcji w czystym JS — gra Canvas, Matrix breach, sekrety w DevTools. Demonstracja możliwości Canvas API, DOM Events i CSS Animations.
JavaScript
Canvas API
DOM Events
CSS Animations
2D Platform Game
Gra 2D w Canvas — nauka od środka: game loop, kolizje, fizyka postaci i struktura poziomów budowana ręcznie. Projekt bez tutoriali, wyłącznie na dokumentacji i eksperymentach.
JavaScript
Canvas
Game Loop
Pixel Art