Oleksandr Khutornyi
Zaproponuj Oleksandr pracę nad swoim kolejnym zleceniem.
Ranking
Poziom znajomości języków obcych
Umiejętności i kwalifikacje
Programowanie
Design i sztuka
Portfolio
- Wszystkie prace 5
- Java 1
- Sklepy internetowe i e-commerce 1
- Kompleksowe prace nad stroną internetową 1
- Programowanie stron internetowych 2
-
32 823 PLN PizzaYM
Kompleksowe prace nad stroną internetowąProjekt: PizzaYM — Nowoczesna Aplikacja Webowa do Zamawiania Pizzy
Opis projektu
PizzaYM to dynamiczna, interaktywna i intuicyjna aplikacja webowa stworzona do szybkiego i wygodnego zamawiania pizzy online. Głównym celem projektu jest zapewnienie użytkownikowi wysokiej jakości doświadczenia klienta (UX) od momentu wyboru składników do finalizacji dostawy, minimalizując liczbę kliknięć.
… Stos technologii (Tech Stack)
Wybierz i pozostaw to, co zostało użyte w projekcie:
Frontend: HTML5, CSS3/SCSS, JavaScript (ES6+) / React.js / Vue.js
Zarządzanie stanem: Redux Toolkit / Context API / Pinia
Stylizacja: Tailwind CSS / Styled Components / Bootstrap
Backend & Baza danych: MySql
Narzędzia: Vite / Webpack, Git, GitHub
Kluczowa funkcjonalność, którą zrealizowałem
Interaktywny katalog produktów: Wygodna siatka pizz z dynamicznym filtrowaniem według kategorii (mięsne, wegetariańskie, ostre itp.) oraz sortowaniem według ceny lub popularności.
System koszyka (Cart System): Zrealizowano pełny cykl zarządzania koszykiem — dodawanie, usuwanie, zmiana ilości porcji, automatyczne przeliczanie całkowitych kosztów i ilości produktów w czasie rzeczywistym bez przeładowania strony.
Konfigurator produktu: Możliwość wyboru rozmiaru pizzy i rodzaju ciasta z dynamiczną zmianą ceny w zależności od wybranych parametrów.
Formularz składania zamówienia (Checkout): Walidacja danych użytkownika (imię, telefon, adres dostawy) przed wysłaniem zamówienia.
Responsywny design (Responsive Web Design): Strona jest w pełni zoptymalizowana pod wszystkie typy urządzeń — od telefonów komórkowych po szerokoekranowe monitory (podejście Mobile-first).
Moje osiągnięcia i wyzwania techniczne
Optymalizacja wydajności: Skonfigurowałem efektywne zarządzanie stanem aplikacji, co pozwoliło uniknąć zbędnych ponownych renderów komponentów podczas aktywnej pracy z koszykiem.
Czysty kod i architektura: Użyłem podejścia komponentowego, dzieląc logikę aplikacji i interfejs, co sprawia, że projekt jest łatwy do utrzymania i skalowania.
Praca z danymi asynchronicznymi: Zrealizowałem płynne ładowanie danych menu z serwera z obsługą stanów ładowania (Skeleton loaders) oraz możliwych błędów sieci.
-
7294 PLN Ja jeźdzę
Programowanie stron internetowychiRide — to dynamiczna platforma internetowa dla sieci szkół motocyklowych, serwisów motocyklowych oraz miejsc sprzedaży motocykli w Zaporożu i Dnieprze. Projekt został stworzony od podstaw w celu automatyzacji interakcji z klientami, prezentacji usług firmy oraz zbierania leadów.
Rola w projekcie: Fullstack Developer (Jedyny programista)
… Typ projektu: Komercyjny / Case Study
Technologiczny stos
Backend: Java 17, Spring Boot, Spring MVC
Frontend: HTML5, CSS3 (Nowoczesny Flexbox/Grid), JavaScript (Vanilla ES6)
Szablonizator: Thymeleaf
Architektura: MVC (Model-View-Controller)
1. Inteligentna geolokalizacja i personalizacja treści (Spring Boot + Cookies)
Problem: Sieć działa w dwóch miastach z różnymi cenami, grafikami i adresami. Należy pokazywać odpowiednie treści bez przymusowej rejestracji.
Rozwiązanie: Zrealizowano system zapisywania wyboru miasta w Cookies (selectedCity). Stworzono kontroler, który przy pierwszej wizycie na dowolnej stronie serwisu (nawet jeśli użytkownik przeszedł z Google bezpośrednio na wewnętrzną stronę) sprawdza obecność ciasteczka. Jeśli go brakuje — Thymeleaf renderuje modalne okno wyboru miasta, blokując interfejs. Po wyborze strona jest aktualizowana bez utraty kontekstu za pomocą nagłówka HTTP Referer.
2. Premium UX/UI i responsywność (Premium UI)
Efekt Glassmorphism: Dla kart i okien modalnych zastosowano nowoczesny efekt rozmycia tła (backdrop-filter: blur). Aby zapewnić zgodność między przeglądarkami na urządzeniach mobilnych (w szczególności iOS Safari), zintegrowano prefiksy dostawców i fallbacki dla przestarzałych systemów.
Fullscreen-Burger Menu: Opracowano responsywną nawigację dla urządzeń mobilnych. Menu rozwija się na cały ekran za pomocą CSS clip-path: circle() (efekt płynnego rozwijania w kształcie koła z punktu kliknięcia). Zintegrowano dynamiczne opóźnienie pojawiania się elementów (Staggered Animation za pomocą zmiennych CSS --i). Aby zapobiec błędom przewijania podczas otwartego menu, zrealizowano blokowanie body { overflow: hidden } na poziomie JavaScript.
3. Walidacja danych po stronie klienta bez zewnętrznych bibliotek
Problem: Użytkownicy często popełniali błędy przy wprowadzaniu numerów telefonów (wprowadzali litery, nie dopisywali cyfr), co prowadziło do utraty leadów.
Rozwiązanie: Napisano niestandardowy moduł JavaScript do maskowania wprowadzania numeru telefonu w czystym JS (Vanilla). Skrypt automatycznie wstawia krajowy prefiks +380 przy pierwszym naciśnięciu cyfry, blokuje wprowadzanie jakichkolwiek liter czy znaków specjalnych (wyrażenia regularne \D), automatycznie formatuje ciąg i ogranicza długość do standardowego ukraińskiego formatu. Dodatkowo dodano walidację wzoru HTML5 w celu ochrony przed wysyłaniem niepełnych numerów.
-
5471 PLN Bot SkyNet
JavaNiestandardowy Bot Śledzenia Floty z Inteligentną Logiką Bezpieczeństwa
Opracowałem SkyNet, specjalistyczne rozwiązanie do śledzenia zaprojektowane dla firm logistycznych i transportowych. Ten bot zapewnia ogólny przegląd operacji floty, przekształcając skomplikowaną telemetrię GPS w uproszczony interfejs monitorowania w czasie rzeczywistym.
… Dynamiczna Logika Statusu i Wizualizacja
Rdzeń systemu oparty jest na responsywnym algorytmie śledzenia statusu. Aby zapewnić maksymalną efektywność dla menedżerów floty, wdrożyłem system wizualizacji z kodowaniem kolorami, który odzwierciedla stan każdego pojazdu w czasie rzeczywistym:
Status Aktywny: Potwierdza, że pojazd jest w ruchu z stabilnym połączeniem danych.
Status Bezczynny/Stacjonarny: Automatycznie identyfikuje, kiedy pojazd zatrzymał się na krótki czas lub na zaplanowaną przerwę.
Status Krytyczny/Offline: Podkreśla pojazdy, które były stacjonarne przez nadmierny czas lub straciły połączenie niespodziewanie.
To wizualne podejście pozwala użytkownikom monitorować dziesiątki jednostek jednocześnie, bez konieczności analizy indywidualnych dzienników danych.
Proaktywne Funkcje Anty-Zakłóceniowe i Bezpieczeństwa
Kluczowym technicznym wyróżnikiem tego projektu jest specjalistyczna logika wykrywania zakłóceń sygnału. Standardowe systemy śledzenia często nie potrafią odróżnić prostego utraty sygnału od celowej próby zablokowania sygnału GPS/GSM.
SkyNet jest zaprogramowany do identyfikacji specyficznego wzoru spadku sygnału spowodowanego urządzeniami zakłócającymi. Jeśli połączenie pojazdu jest tłumione, bot natychmiast uruchamia alert o wysokim priorytecie i zmienia status pojazdu na wyraźny kolor ostrzegawczy. To umożliwia operatorowi natychmiastową reakcję na potencjalne naruszenia bezpieczeństwa lub próby kradzieży.
Kluczowe Możliwości Techniczne:
Integracja API w czasie rzeczywistym z sprzętem GPS.
Zautomatyzowane monitorowanie przestojów pojazdów i efektywności operacyjnej.
Natychmiastowy system alertów dla nieautoryzowanych postojów lub utraty sygnału.
Optymalizowane zaplecze dla aktualizacji o niskim opóźnieniu i wysokiej niezawodności.
To rozwiązanie jest idealne dla firm poszukujących lekkiej, ale potężnej alternatywy dla ciężkiego oprogramowania do zarządzania flotą, koncentrując się na bezpieczeństwie i intuicyjnym doświadczeniu użytkownika.
-
43 764 PLN F7
Programowanie stron internetowychProjekt F7
F7 to platforma dla nauczycieli języka angielskiego i ich uczniów, która zapewnia pełną funkcjonalność do nauki online. Projekt obejmuje:
… Konto użytkownika z dostępem do lekcji i materiałów
Subskrypcję i płatność za kursy przez zintegrowane systemy płatności
System lekcji z kontrolą dostępu po dokonaniu płatności
Autoryzację i uwierzytelnianie, odzyskiwanie hasła, usuwanie konta
Pełnoprawną stronę internetową ze wszystkimi niezbędnymi funkcjami do pracy nauczycieli i uczniów
Ten projekt demonstruje moje doświadczenie w pełnoprawnym tworzeniu stron internetowych, w tym frontend + backend, logikę dostępu, integracje płatności oraz bezpieczeństwo użytkowników.
-
29 176 PLN eradron
Sklepy internetowe i e-commerceProjekt Eradrone jest poświęcony opracowywaniu i promowaniu rozwiązań w dziedzinie dronów rolniczych. Jego celem jest pomoc rolnikom i firmom agrotechnicznym w automatyzacji obróbki pól, monitorowaniu upraw oraz zmniejszeniu kosztów dzięki wykorzystaniu nowoczesnych technologii bezzałogowych.
W ramach projektu zrealizowano:
… prezentacyjną stronę internetową dronów rolniczych,
opis usług i rozwiązań technicznych,
możliwość kontaktu/zamówienia konsultacji,
techniczne wdrożenie części internetowej (frontend + backend).
Projekt łączy tematykę rolniczą z rozwojem stron internetowych, jest ukierunkowany na realny biznes i praktyczne zastosowanie technologii.
Aktywność
| Ostatnie oferty 10 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Dopracowanie/przeróbka sklepu internetowego z artykułami dla zwierząt na stronie salonu groomerskiego
1234 PLN
|
|||||
|
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowych
1459 PLN
|
|||||
|
Full-stack rozwój
16 412 PLN
|
|||||
|
Należy stworzyć nowoczesną stronę lądowania dla firmy w dziedzinie konsultingu/finansów
2056 PLN
|
|||||
|
Opracowanie systemu CRM dla biznesu towarowego
2220 PLN
|
|||||
|
Opracowanie 4-stronicowej strony quizowej (2 ekrany/bloki)
740 PLN
|
|||||
|
Opracowanie premium strony internetowej pod klucz – specyfikacja techniczna i warunki
4237 PLN
|
|||||
|
Usunąć przyczyny braku indeksacji strony
82 PLN
|
|||||
|
Sklep internetowy
1645 PLN
|
|||||
|
Sklep Internetowy, lekki model MVP
5000 PLN
|