Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak

Artem Lysiuk

Zaproponuj Artem pracę nad swoim kolejnym zleceniem.

Ukraina Kijów, Ukraina
2 miesiące 23 dni temu
Gotowy do podjęcia pracy gotowy do podjęcia pracy
wiek 32 lata
w Serwisie 3 lata
  • web developer
  • flexbox
  • Git (Github
  • SASS (SCSS)
  • redux-toolkit
  • zustand
  • Prisma ORM
  • Fullstack developer
  • REST API
  • Next.js
  • TypeScript
  • React.js

Ranking

Zakończonych zleceń
Brak danych
Średnia ocena
Brak danych
Ranking
214
Javascript & Typescript 6
Programowanie stron internetowych 12

Poziom znajomości języków obcych

Українська Українська: native
Русский Русский: zaawansowany
English English: podstawowy

Umiejętności i kwalifikacje

Programowanie

Usługi

Portfolio


  • Lux Trips — Animowana strona docelowa dla luksusowych podróży

    Programowanie stron internetowych
    Lux Trips — luksusowy landing dla premium serwisu turystycznego.
    Nowoczesny design z animacjami GSAP, responsywna struktura i intuicyjny interfejs.

    Technologiczny stos:
    Frontend: React 19 + Vite (szybka budowa)
    Animacje: GSAP (płynne efekty parallax)
    Style: SASS/SCSS (modularna architektura)
    Zarządzanie stanem: Zustand
    Formularze: React Hook Form (walidacja rezerwacji)
    Suwaki: Swiper
    Wdrożenie: Vercel (automatyczne)

    Kluczowe cechy:
    Animacje parallax — płynne efekty przewijania dla immersji
    Responsywny design — od urządzeń mobilnych do desktopów
    Interaktywne formularze — rezerwacja z walidacją
    Optymalizowana wydajność — szybkie ładowanie
    Semantyczna struktura — SEO-przyjazna struktura
    Co zostało zrealizowane:
    Sekcja Hero z efektem parallax
    Galeria kierunków (super samochody, jachty, wille, hotele)
    Formularz spersonalizowanej rezerwacji
    Informacyjne bloki o firmie
    Responsywne menu i nawigacja

    Wynik:
    Landing z konwersją na zapytania
    Wysokie wyniki Lighthouse (>90 w wydajności)
    Pełna kompatybilność między przeglądarkami
    Czysta baza kodu do skalowania

    #React #Vite #GSAP #Frontend #Landing #Animacje #Turystyka #Luksus
  • Rolio — Sklep internetowy Fullstack

    Programowanie stron internetowych
    Rolio — pełnofunkcjonalny sklep internetowy z katalogiem produktów, koszykiem, oknami modalnymi i skomplikowanymi animacjami. Projekt demonstruje umiejętności tworzenia interaktywnych aplikacji internetowych z pełnym cyklem interakcji użytkownika.

    Zarządzanie stanem aplikacji

    Globalny stan koszyka (dodawanie/usuwanie/zmiana ilości)
    Zarządzanie oknami modalnymi, filtrami, stanem UI
    Optymalizowane ponowne renderowanie przez Redux Toolkit
    Skomplikowane animacje interfejsu
    Animacje dodawania do koszyka (GSAP)
    Płynne przejścia między stronami
    Efekty paralaksy i animacje hover
    Animowane okna modalne

    Profesjonalny UX
    Okna modalne z poprawnym fokusowaniem (dostępność)
    Responsywne suwaki produktów (Swiper)
    Szkielety ładowania (react-content-loader)
    Płynne przewijanie (Lenis)
    Walidacja formularzy (React Hook Form)

    Architektura projektu
    Wyraźny podział: komponenty, haki, store, typy
    Niestandardowe haki dla powtarzającej się logiki
    Interfejsy TypeScript dla danych i propsów
  • Next Pizza — Fullstack SaaS do zamawiania pizzy (Next.js 16 + Prism

    Programowanie stron internetowych
    Next Pizza — to aplikacja fullstack do zamawiania pizzy z pełnym cyklem: wybór pizzy, składanie zamówienia, płatność online, historia zamówień i panel administracyjny. Projekt demonstruje wszystkie aspekty nowoczesnego rozwoju webowego od UX do DevOps.

    Backend i warstwa danych:
    • Next.js 16 (App Router, Server Actions, Turbopack)
    • Prisma ORM + PostgreSQL (typowana baza danych)
    • NextAuth v4 (autoryzacja, sesje)
    • Zod (walidacja schem)

    Płatności i handel:
    • Stripe (płatności online, subskrypcje)
    • Resend + React Email (maile transakcyjne)
    • SendGrid (newslettery)

    Frontend i UI/UX:
    • Tailwind CSS + Radix UI (dostępne komponenty)
    • React Hook Form + Zod Resolvers (formularze)
    • React Hot Toast (powiadomienia)
    • Zustand (globalny stan)
    • MapLibre GL (interaktywne mapy)

    Infrastruktura:
    • TypeScript (pełna typizacja)
    • Prisma Seed (dane seed)
    • Next.js Top Loader (wskaźnik ładowania)

    Pełny cykl e-commerce

    Od wyboru towaru do dostawy
    Integracja z rzeczywistymi systemami płatności
    Transakcyjne maile (zamówienie, dostawa, anulowanie)
    Historia zamówień w panelu użytkownika

    Przemysłowa architektura

    Czysta architektura: Prisma (dane) → Usługi → Trasy API → UI
    Typowane Server Actions
    Bezpieczeństwo: haszowanie haseł (bcrypt), tokeny CSRF

    Profesjonalny UX

    Responsywne okna modalne (Radix Dialog, Vaul)
    Walidacja formularzy według schematu (Zod + React Hook Form)
    Interaktywne mapy dostawy (MapLibre)
    Stany ładowania skeleton
    DevOps i infrastruktura
    Automatyczne wdrożenie na Vercel
    Migracje bazy danych przez Prisma
    Skrypty seed dla danych testowych
    Konfiguracja środowiska
  • StreamVibe — Statyczna strona lądowania serwisu streamingowego Minista

    Programowanie stron internetowych
    StreamVibe — nowoczesna strona promocyjna dla serwisu streamingowego. Celem jest prezentacja platformy z naciskiem na wieloplatformowość i łatwość użycia. Projekt został stworzony z wykorzystaniem statycznego generatora Minista, co zapewnia wysoką wydajność i przyjazność dla SEO.

    Główny stos technologiczny:
    • Minista 3.x (statyczny generator na React)
    • React 18 (komponenty funkcyjne, haki)
    • Sass/SCSS (preprocesor do stylów)
    • PostCSS + pxtorem (automatyczne przekształcanie na rem)

    Dodatkowe biblioteki:
    • Lenis (płynne przewijanie)
    • Swiper (suwnice i karuzele)
    • IMask (maski dla formularzy wejściowych)
    • Classnames (warunkowe klasy)
    • CSS Normalize (reset stylów)

    Kluczowe cechy

    Statyczna generacja — Wysoka prędkość ładowania i optymalizacja SEO dzięki Minista

    Responsywne suwnice — Karuzele urządzeń i treści na Swiper
    Pixel-perfect layout — Dokładne odwzorowanie makiety z automatycznym rem
    Wydajność — Optymalizowane obrazy i minimalny pakiet

Aktywność

  Ostatnie oferty 5
React Frontend-developer do przeróbki istniejącej strony (zamówienie hurtowe)
727 PLN
Strona internetowa dla prawnika
2213 PLN
Strona Lux Import
820 PLN
Stylizować karty produktu
98 PLN
Wersja makiety strony internetowej
1229 PLN