Dmytro V.
Zaproponuj Dmytro pracę nad swoim kolejnym zleceniem.
52 minuty temu
Zakończone 3 Sejfy
1 dzień 6 godzin temu
3 zleceniodawców
zamieszczono 6 ofert
w Serwisie 1 miesiąc 22 dni
Ranking
Poziom znajomości języków obcych
Umiejętności i kwalifikacje
Programowanie
Portfolio
-
Premiumowy serwis promocyjny szwajcarskiej manufaktury zegarków
Programowanie stron internetowychEkskluzywna interaktywna strona lądowania, zaprojektowana w estetyce dark luxury i cyfrowego minimalizmu. Głównym celem projektu jest przekazanie filozofii powolnego ręcznego składania zegarków poprzez doskonały UX/UI, skomplikowane wieloetapowe animacje przewijania oraz unikalną proceduralną grafikę SVG działającą w czasie rzeczywistym.
Co zostało zrealizowane:
- Proceduralne generowanie zegarków SVG w czasie rzeczywistym: Wszystkie tarcze na stronie są tworzone wyłącznie za pomocą kodu (Vanilla JS + SVG), bez użycia jakiegokolwiek rastrowego obrazu. Główny zegar w bloku Hero synchronizuje się z lokalnym czasem użytkownika, płynnie rysując ruch każdej wskazówki.
… - Skomplikowana interaktywna animacja przewijania (Exploded View): Sekcja z mechanizmem zegarka (Movement) wykorzystuje przypięcie ekranu (pinning). Podczas przewijania użytkownik dosłownie "rozbiera" narysowany w kodzie mechanizm zegarka na poszczególne części (zębatki, balans, obudowa), które rozprzestrzeniają się w osi Y z pojawieniem się odpowiednich podpisów.
- Dynamiczna zmiana kolorów (Theme Crossfade): Płynne przejście między "ciemnym" (Dark) a "jasnym" (Paper) motywem w locie podczas przewijania strony. Zrealizowane poprzez manipulację zmiennymi CSS za pomocą ScrollTrigger, aby stworzyć bezszwowe wrażenia wizualne.
- Premium mikrointerakcje i niestandardowy kursor: Własny algorytm kursora z magnetycznym pierścieniem, który płynnie podąża za myszą (używając matematyki lerp) i rozszerza się przy najechaniu na aktywne strefy. Interaktywna przycisk-orbita w sekcji Commission również delikatnie przyciąga się do kursora, dodając interfejsowi fizycznej wagi.
- Atmosferyczny efekt ziarna filmowego (Film Grain): Niestandardowy animowany efekt szumów, stworzony za pomocą filtru SVG (fractalNoise), nałożony na całą stronę przez mix-blend-mode, aby stworzyć drogą "analogową" teksturę bez utraty wydajności (FPS).
- Tematyczny preloader i wskaźnik przewijania: Ekran ładowania i stały wskaźnik postępu przewijania strony stylizowane na minimalistyczne tarcze zegarka z dynamicznymi wskazówkami.
- Matematyczna animacja ruchomych części: Programowo generowane zębatki (gear paths) i sprężyna balansowa, które mają cykliczne animacje CSS/GSAP obrotu i kołysania, imitując prawdziwy ruch mechaniczny (18,000 półkołyszeń na godzinę).
- Dostępność w sieci i optymalizacja: Kod napisany w czystym Vanilla JS. Wdrożono sprawdzenie prefers-reduced-motion: dla użytkowników, którzy wyłączają animacje w systemie, strona automatycznie wyłącza GSAP i pokazuje od razu rozłożony schemat zegarka, pozostając w pełni funkcjonalnym.
Technologie:
HTML5, CSS3 (Zaawansowane zmienne CSS), JavaScript (Vanilla ES6+, Proceduralne generowanie SVG), GSAP (GreenSock), ScrollTrigger, Filtry/Animacje SVG.
-
Premium portfolio z 3D WebGL i animacją skramblowania
Programowanie stron internetowychPremium interaktywne portfolio Full-Stack dewelopera, zrealizowane w estetyce ciemnego cyfrowego minimalizmu i inspirowane stronami zwycięzcami Awwwards. Głównym celem projektu jest zaprezentowanie wysokiego poziomu opanowania skomplikowanej interaktywnej animacji, grafiki 3D w czasie rzeczywistym oraz doskonałego UX/UI.
Co zrealizowano:
- Interaktywna scena 3D WebGL: generatywna sfera z tysiącem cząsteczek w bloku Hero, która fizycznie reaguje (odpycha się, wygina i deformuje) na ruchy myszy lub dotyki ekranu.
… - Optymalizacja zasobów GPU/CPU: za pomocą IntersectionObserver cykl renderowania Three.js całkowicie zatrzymuje się, gdy blok Hero znika z ekranu, co oszczędza do 90% zasobów urządzenia.
- Efekt cyfrowego skramblowania (Text Scramble): niestandardowy algorytm losowej zamiany znaków, który efektownie animuje nagłówki tekstowe przy pierwszym pojawieniu się, kliknięciach w menu lub przewijaniu z powrotem na początek strony.
- Premium preloader: markowany ekran ładowania z dynamicznym wskaźnikiem postępu i efektem fizycznego rozciągania ekranu w pionie.
- Magnetyczne elementy UI: interaktywne przyciski i pozycje menu delikatnie przyciągają się do kursora użytkownika, dodając interfejsowi dotykowe poczucie fizycznej objętości.
- Niestandardowy kursor z efektem magnetycznym: kursor płynnie podąża za myszą z lekkim opóźnieniem (lerp), zmienia rozmiar przy najeżdżaniu na aktywne obszary i ma wbudowaną pomarańczową kropkę-fokus.
- Efekt neonowego świecenia w stopce: końcowy slogan przy najeżdżaniu myszą płynnie przechodzi z metalicznego gradientu w nasycony kolor firmowy z delikatnym neonowym świeceniem (glow).
- Markowany SVG Favicon: niestandardowa geometryczna ikona-monogram "DV" z pomarańczowym akcentem, wbudowana bezpośrednio w kod dla superszybkiego ładowania.
- Pełna stabilność między przeglądarkami: wdrożono Critical CSS, style inline oraz synchronizowane renderowanie bufora, co całkowicie rozwiązuje problem białych błysków (F5 flash) w kontekstach GPU Windows/ANGLE.
Technologie:
HTML5, CSS3 (Vanilla), JavaScript, Three.js (WebGL), GSAP (GreenSock), ScrollTrigger, Lenis (Smooth Scroll)
-
Immersyjny luksusowy landing dla marki selektywnej perfumerii
Programowanie stron internetowychPremium immersyjny landing page dla fikcyjnej marki selektywnej perfumerii „NOIRE ATLAS”.
Projekt zrealizowany w stylu ciemnego luksusowego minimalizmu, inspirowany stronami zwycięzcami Awwwards. Główny nacisk położono na skomplikowaną interaktywną animację, atmosferyczną wizualizację oraz efekt płynnego zanurzenia (storytelling).
… Co zrealizowano:
- Markowy preloader z procentowym licznikiem i efektem rozsuwanego ekranu
- Niestandardowy interaktywny kursor, który zmienia rozmiar i pokazuje podpowiedzi po najechaniu na elementy
- Tło Canvas z animacją dymu w bloku Hero, które fizycznie reaguje na ruchy myszy
- Poziomy scroll-slider dla linii zapachów z wbudowanym parallaxem obrazów
- Generatywne wizualizacje Canvas profili olfaktorycznych (każdy zapach ma swoją unikalną interaktywną figurę)
- Efekt magnetyczny dla przycisków (elementy delikatnie przyciągają się do kursora po zbliżeniu)
- Pełna responsywność (na smartfonach poziomy scroll płynnie przechodzi w pionowy strumień)
- Optymalny kod bez zbędnych bibliotek - cały interfejs i logika działają z jednego pliku
Technologie: HTML5 Canvas, CSS (Vanilla), JavaScript, GSAP, ScrollTrigger
-
Motion — premium landing page dla produktu SaaS
Programowanie stron internetowychMotion - interaktywna strona docelowa SaaS z animacjami i demonstracją code-diff
Główny nacisk położono na interaktywność. Animacje scroll-reveal, efekty fade-in oraz blok code-diff zostały zrealizowane w czystym JavaScript.
… Co zostało zrealizowane:
- Statyczna struktura HTML/CSS/JS bez frameworków
- Lokalne czcionki, obrazy, CSS, audio i media
- Rebranding interfejsu pod Motion
- Edycje nagłówka/stopki: logo, typografia, linki
- Animacje scroll-reveal i fade-in
- Interaktywny blok code-diff
- Edytowalny prawy panel kodu
- Zielone podświetlenie wstawionego tekstu
- Synchronizacja lewej i prawej części diff
- Zachowanie podświetlenia składni podczas edytowania
- Responsywny układ
- Czysty folder produkcji/deploy
- Sprawdzenie zależności zasobów i brak 404
Szczegóły techniczne:
- HTML5, CSS3, vanilla JavaScript
- Bez React, Next.js, Vue
- Bez Webpack/Vite/esbuild
- Całkowicie statyczna strona
- 100% lokalne zasoby runtime
- IntersectionObserver do animacji reveal
- Moduł Vanilla JS do interakcji code-diff
Wyzwania i rozwiązane problemy:
- Odtworzenie skomplikowanego UI bez oryginalnego runtime React/Next
- Przeniesienie logiki interaktywnej na vanilla JS
- Zachowanie podświetlenia składni podczas edytowania na żywo
- Synchronizacja paneli diff
- Poprawne działanie opacity/transform w animacjach reveal
- Lokalizacja zasobów bez CDN
- Przygotowanie czystego pakietu do wdrożenia
Rezultat:
Gotowa autonomiczna statyczna strona docelowa pod marką Motion, która zachowuje wizualną złożoność referencji, działa bez procesu budowania i jest wdrażana jako zwykła strona HTML/CSS/JS.
Stos:
HTML5 · CSS3 · Vanilla JavaScript · IntersectionObserver · GitHub · Vercel
-
Strona docelowa dla AI-startupu Neura (Next.js + Tailwind CSS)
Programowanie stron internetowychNowoczesna responsywna strona docelowa dla startupu AI/wearable Neura - firmy, która opracowuje neurokomputerowe urządzenia nowej generacji.
Główne zadanie - stworzenie premium, technologicznego i emocjonalnego interfejsu na poziomie Apple, który przekazuje innowacyjność produktu, buduje zaufanie i przyciąga audytorium inwestorów oraz wczesnych użytkowników.
… W projekcie zastosowano minimalistyczne podejście z naciskiem na duże bloki typograficzne, płynne animacje podczas przewijania oraz kontrastową czarno-białą paletę z akcentującym niebieskim (#0071E3), która podkreśla technologiczną wizję marki.
Co zostało zrealizowane:
- Responsywny design (mobile-first) z pixel-perfect layoutem
- Architektura komponentowa na React 19 z komponentami serwerowymi i klienckimi
- Hero-blok z animowanym obrazem, efektami rozmycia i stagger-animacjami tekstu
- Dynamiczna nawigacja z automatyczną zmianą motywu (jasny/ciemny) w zależności od sekcji
- Wysuwane panele nawigacyjne (Wearable, Neural, Search) z efektem backdrop-blur
- Pełnofunkcjonalne mobilne menu z płynnymi animacjami otwierania/zamykania
- Sekcja "Overview" z rotacją tekstu (AnimatePresence) - cykliczna zmiana komunikatów
- Sekcja "Mission" ze strukturalnym wyświetlaniem misji, wizji i ambicji firmy
- Sekcja "Invisible Approach" z animacją unoszenia urządzenia nad dużym nagłówkiem
- Sekcja "Progress" - strukturalne bloki z treścią o kierunkach rozwoju
- Sekcja "Scientific Evidence" - akcentujący blok CTA na niebieskim tle
- Niestandardowe efekty hover na wszystkich interaktywnych elementach (slide-up pill przyciski, arrow links z podwójnym trikiem SVG)
- Sticky Logo przycisk - pojawia się podczas przewijania dla szybkiego powrotu na górę
- Płynne przewijanie przez Lenis - natywne płynne przewijanie zamiast przeglądarkowego
- Wsparcie prefers-reduced-motion dla dostępności
- Optymalna struktura kodu dla skalowalności
Stos: Next.js 16, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lenis, Geist Font
-
FinanceOS Bot - AI Telegram-bot do osobistych finansów
Tworzenie chatbotaTelegram-bot do ewidencji wydatków i dochodów z analityką AI, rozpoznawaniem języka naturalnego i automatycznym parsowaniem wyciągów bankowych (Python, aiogram 3, Groq LLaMA, Supabase).
Główne zadanie: Umożliwić użytkownikowi rezygnację z ręcznego prowadzenia finansów - bot przyjmuje wiadomości w dowolnej formie, automatycznie klasyfikuje transakcje, śledzi budżet i dostarcza rekomendacje AI na podstawie historii wydatków.
… Co zostało zrealizowane:
- Rozpoznawanie transakcji z języka naturalnego (wykrywanie intencji przez LLaMA 3.3 70B) z automatycznym określaniem kwoty, kategorii i typu operacji
- Parser języka naturalnego dla kwot - wsparcie dla formatów „25k”, „pół miliona”, „dwadzieścia tysięcy zł”
- Parsowanie wyciągów bankowych w formacie CSV i PDF z automatycznym wprowadzaniem transakcji do bazy
- Cele finansowe z terminem, śledzeniem postępów i planem oszczędności
- AI-doradca finansowy - odpowiedzi na pytania dotyczące wydatków na podstawie kontekstu z bazy (embeddings + wyszukiwanie semantyczne)
- Cotygodniowy automatyczny przegląd wydatków (APScheduler, cron)
- Onboarding nowego użytkownika z FSM-stanami
- Niestandardowe przechowywanie FSM w Supabase do zachowania stanu dialogu między restartami
Technologie: Python, aiogram 3, Groq API (LLaMA 3.3 70B / 3.1 8B), LangChain, Supabase (PostgreSQL), sentence-transformers, APScheduler, pydantic-settings, loguru, Railway
-
Polymarket Insider Trade Detector (Go, API bota Telegram)
Tworzenie chatbotaAutonomiczna usługa do wykrywania podejrzanych transakcji na rynku prognoz Polymarket z automatycznym dostarczaniem alertów do Telegrama (Go, Telegram Bot API, REST polling).
Główne zadanie: Monitorowanie strumienia transakcji na Polymarket w czasie rzeczywistym, wykrywanie wzorców charakterystycznych dla handlu wewnętrznego (nowe konta, anormalne rozmiary zakładów, niskokosztowe wejścia przed rozstrzygnięciem) oraz natychmiastowe powiadamianie operatora przez Telegram z szczegółowym raportem dla każdej podejrzanej transakcji.
… Co zostało zrealizowane:
- Silnik oceny oparty na regułach z 20 warunkami (C1–C20): wiek konta, rozmiar zakładu, cena wejścia, płynność rynku, szybkość handlu, historia wskaźnika wygranych na niskokosztowych zakładach, odchylenie od podstawowego zachowania portfela
- Normalizacja binarnych transakcji SELL do ekwiwalentu BUY dla poprawnej oceny
- Wzbogacenie danych: historia portfela (do 500 zapisów), rozwiązywanie proxy-portfela, płynność rynku, data zamknięcia - przez Polymarket Data API i Gamma API
- Agregator anti-smurf: wykrywanie rozbitych na drobne części zakładów jednego portfela oraz syntezowanie agregowanej transakcji przy przekroczeniu progu
- Kompozytowe alerty skoordynowanej aktywności: klasteryzacja podejrzanych transakcji różnych portfeli na jednym rynku w ciągu 30 minut
- Tracker po rozstrzygnięciu: automatyczna weryfikacja wyników rynków po zamknięciu, zapis - WON/LOST/CANCELLED z obliczeniem dokładności detektora
- Trwała skrzynka wyjściowa dla Telegrama: persistentna kolejka ponownej dostawy niewysłanych alertów z logiką ponownego próbowania
- Codzienny przegląd z agregowaną statystyką alertów i dokładnością prognoz; hot-reload konfiguracji bez zatrzymywania usługi; health endpoint; graceful shutdown z poprawnym zachowaniem stanu
Technologie: Go 1.21, Polymarket Data API, Gamma API, Telegram Bot API, JSONL persistence, GOB serialization, concurrent worker pool, hot-reloadable .env config
-
Telegram-bot do rejestracji online na manicure (Python, aiogram 3)
PythonTelegram-bot do automatyzacji rejestracji klientów na manicure z panelem administracyjnym i systemem przypomnień.
Główne zadanie: Zastąpić ręczne prowadzenie zapisów w komunikatorze pełnoprawnym systemem rezerwacji z interaktywnym interfejsem - klient samodzielnie wybiera usługę, datę i godzinę, a mistrz otrzymuje powiadomienia i zarządza harmonogramem przez panel administracyjny.
… Co zostało zrealizowane:
- Pełny przepływ FSM rejestracji: wybór usługi → inline-kalendarz → wybór godziny → wprowadzenie imienia i telefonu → potwierdzenie
- Panel administracyjny: zarządzanie dniami roboczymi, slotami czasowymi, usługami i ich cenami (CRUD)
- Inline-kalendarz z obsługą nawigacji po miesiącach, blokowaniem przeszłych i zamkniętych dat
- Automatyczne przypomnienia dla klientów na 24 godziny i na 2 godziny przed wizytą (APScheduler)
- Natychmiastowe powiadomienia dla administratora o nowych zapisach i anulacjach z możliwością działania bezpośrednio z wiadomości
- Walidacja telefonu (regex, normalizacja do +48XXXXXXXXX), ochrona przed podwójną rezerwacją (race condition na is_booked)
- Operacje CRUD z usługami przez panel administracyjny: dodawanie, zmiana ceny, usuwanie z automatyczną transliteracją kluczy
- Obsługa przypadków brzegowych: blokowanie ponownego zapisu, powiadomienie klienta przy anulowaniu przez administratora, try/except dla zablokowanych botów
Technologie: Python 3.11+, aiogram 3.25, Supabase (PostgreSQL), APScheduler, python-dotenv, FSM (Finite State Machine), Inline Keyboards, CallbackData factories
-
Strona docelowa dla firmy prawniczej (React + Tailwind)
Programowanie stron internetowychNowoczesna responsywna strona docelowa dla firmy prawniczej.
Głównym zadaniem jest stworzenie stonowanego, profesjonalnego i budzącego zaufanie interfejsu, który podkreśla ekspertyzę i motywuje użytkownika do umówienia się na konsultację.
… W projekcie zastosowano minimalistyczne podejście z naciskiem na typografię, przestrzeń i klarowną strukturę treści, odpowiadającą stylowi branży prawniczej.
Co zostało zrealizowane:
- Responsywny design (mobile-first)
- Architektura komponentów w React
- Blok hero z mocną ofertą i CTA
- Sekcje: problem → rozwiązanie → usługi → zaufanie → CTA
- Klarowna struktura w celu zwiększenia konwersji
- Minimalistyczny i profesjonalny UI
- Optymalna struktura kodu dla skalowalności
Technologie:
React, Vite, Tailwind CSS, JavaScript
-
Premium Strona Docelowa dla firmy remontowej (React + Tailwind)
Programowanie stron internetowychNowoczesna strona docelowa premium dla firmy zajmującej się remontem mieszkań.
Główne zadanie - stworzenie stylowego, minimalistycznego i "drogo" wyglądającego interfejsu, który zwiększa zaufanie do firmy i motywuje do złożenia wniosku.
… W projekcie zastosowano podejście clean UI z naciskiem na typografię, przestrzeń i wyraźną hierarchię treści.
Co zostało zrealizowane:
- Responsywny design (mobile-first)
- Architektura komponentowa na React
- Premium blok Hero z mocną ofertą
- Sekcje: problem → rozwiązanie → proces → portfolio → CTA
- Wyraźna struktura strony docelowej w celu zwiększenia konwersji
- Minimalistyczny UI bez przeciążenia
- Optymalna struktura kodu dla skalowania
Technologie:
React, Vite, Tailwind CSS, JavaScript
-
Strona docelowa dla internetowej szkoły angielskiego (React + Tailwind)
Programowanie stron internetowychNowoczesna responsywna strona docelowa dla internetowej szkoły języka angielskiego.
Projekt stworzony z naciskiem na konwersję, czysty interfejs użytkownika i wygodę dla użytkownika. Główne zadanie - pokazanie wartości kursu i zmotywowanie użytkownika do rozpoczęcia nauki.
… Zrealizowano strukturę klasycznej strony sprzedażowej: Hero → problem → rozwiązanie → dowód społeczny → CTA.
Co zrealizowano:
- Responsywny design (mobile-first)
- Architektura komponentowa na React
- Blok Hero z wyraźną ofertą i CTA
- Sekcja problemów (punkty bólu użytkownika)
- Sekcja rozwiązania z wyjaśnieniem podejścia
- Dowód społeczny / zaufanie
- Wezwania do działania (CTA)
- Czysta i skalowalna struktura kodu
Technologie:
React, Vite, Tailwind CSS, JavaScript
-
Frontend sklepu internetowego SweetBox (Vanilla JS)
Programowanie stron internetowychInteraktywny frontend sklepu internetowego “SweetBox” z katalogiem produktów, stroną produktu i podstawową logiką zamówienia.
Projekt zrealizowany bez frameworków (czysty HTML, CSS, JavaScript) z naciskiem na zrozumiałą strukturę, wydajność i kontrolę nad logiką.
… Co zrealizowano:
- Katalog produktów z dynamicznym wyświetlaniem
- Filtrowanie i wyszukiwanie produktów
- Strona pojedynczego produktu
- Koszyk z wykorzystaniem localStorage
- Podstawowa logika składania zamówienia
- Pełnoprawna struktura wielostronicowa (Strona główna, Produkt, Zamówienie, O nas, Kontakty, 404)
- Ponownie używane komponenty (Nagłówek, Stopka, modale)
- Czysta struktura kodu z podziałem logiki (produkty, koszyk, filtry)
Technologie:
HTML, CSS, JavaScript (Vanilla JS), localStorage
-
Strona docelowa React dla programu online MARATHON 30
Programowanie stron internetowychNowoczesna responsywna strona docelowa dla programu online „MARATON 30”.
Projekt zrealizowany w React (Vite) z wykorzystaniem Tailwind CSS. Główny nacisk kładziony jest na czysty interfejs, szybkie ładowanie i wygodę użytkownika na urządzeniach mobilnych.
… Co zostało zrealizowane:
- W pełni responsywna struktura (mobile-first)
- Struktura komponentów React
- Blok hero z kluczową ofertą
- Sekcje: problem → rozwiązanie → dowód społeczny → CTA
- Żywy zegar odliczający
- Optymalna struktura kodu dla skalowalności
- Minimalistyczny UI bez zewnętrznych bibliotek
Technologie:
React, Vite, Tailwind CSS, JavaScript
Recenzje dotyczące zrealizowanych zleceń 3
19 czerwca
124 PLN
Dodać baner na stronę. Na WP
Jakość
Profesjonalizm
Koszt
Zawsze w kontakcie
Terminy
Zadanie zostało wykonane szybko i jakościowo.
26 maja
1487 PLN
Podłączenie backendu przez API do frontu React
Jakość
Profesjonalizm
Koszt
Zawsze w kontakcie
Terminy
Cała praca wykonana
Wykonawca świetny, polecam
Będę się zgłaszać częściej)
Jakość
Profesjonalizm
Koszt
Zawsze w kontakcie
Terminy
Wszystko super! Lepiej niż się spodziewałem!\nSzybkie wykonanie, stały kontakt i pomoc w kwestiach.\n\nWszystko super!
Aktywność
| Realizowane zlecenia 1 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Programista na next js
331 PLN
|
| Ostatnie oferty 10 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Bot Telegram dla serwisu samochodowego
414 PLN
|
|||||
|
Bot automatyzacji dla playerok.com
414 PLN
|
|||||
|
Dodać baner na stronę. Na WP
124 PLN
|
|||||
|
Wykonanie szaty graficznej strony internetowej
1324 PLN
|
|||||
|
Strona żeberni-pizzerii
2069 PLN
|
|||||
|
Link UA Telegram bot
828 PLN
|
|||||
|
Strona internetowa nextjs
166 PLN
|
|||||
|
Opracowanie bota Telegram do generacji treści dla dorosłych z wykorzystaniem wyglądu modelki.
1655 PLN
|
|||||
|
Stworzyć jednokolumnową stronę lądowania dla jednego produktu.
83 PLN
|
|||||
|
Dopracować menu strony i stronę HTML
149 PLN
|