Oleksandr Khutornyi
Zaproponuj Oleksandr pracę nad swoim kolejnym zleceniem.
Prywatna wiadomość
Zaproponuj zlecenie
Niżyń,
Ukraina
13 godzin 9 minut temu
częściowo zajęty
zamieszczono 3 oferty
w Serwisie 1 rok
Ranking
Zakończonych zleceń
Średnia ocena
Poziom znajomości języków obcych
Українська: native
Polski: poziom wyżej niż średni
Umiejętności i kwalifikacje
Programowanie
Design i sztuka
Portfolio
- Wszystkie prace 6
- Java 1
- Sklepy internetowe i e-commerce 1
- Kompleksowe prace nad stroną internetową 1
- Programowanie stron internetowych 3
-
7560 PLN Ja jeźdzę
Programowanie stron internetowych
iRide — 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.
-
5670 PLN PAUZA
Programowanie stron internetowych
PAUSE — to wysokotехнологiczny сайт для студії лазерної епіляції в Києві, орієнтований на високу конверсію та преміальний досвід користувача. Головна особливість проєкту — інтелектуальна система онлайн-бронювання візитів у реальному часі з автоматичною передачею даних на бекенд.
Інтерфейс розроблений із фокусом на мобільні пристрої, швидкість завантаження (Core Web Vitals) та ефекти занурення (smooth-анімації, елементи скляного морфізму). Технологічний стек (Tech Stack)
Backend: Java 17, Spring Boot, Spring MVC, Spring Data JPA
…
Database: PostgreSQL (міграції, оптимізація збереження та вибірки даних за датами й годинами)
Frontend: HTML5, CSS3 (Custom Grid Layouts, Glassmorphic UI), JavaScript (Vanilla ES6 для високої швидкодії)
Шаблонізатор: Thymeleaf (серверний рендеринг для SEO-оптимізації та швидкого First Contentful Paint)
API та Інтеграції: Telegram Bots API (миттєве сповіщення адміністраторів)
DevOps та Інструменти: Docker, Git, Linux (VPS), Google Search Console
Виконані роботи та Реалізований функціонал
1. Архітектура та Бекенд (Spring Boot & DB)
Розробка REST API для динамічного керування послугами, категоріями, вільними датами та часовими слотами (обробка через BookingFormDTO).
Логіка валідації слотів: Реалізовано алгоритм перевірки доступності часу на стороні сервера, що повністю виключає ризик овербукінгу (подвійного запису на один і той самий час).
База даних: Спроєктовано реляційну структуру в PostgreSQL для збереження прайс-листів, категорій зон та логів поточних бронювань.
2. Преміальний UX/UI та Фронтенд-оптимізація
Гнучкий прайс-акордеон: Створено інтерактивний прайс-лист із використанням сучасного підходу CSS Grid (перехід grid-template-rows від 0fr до 1fr) для ідеально плавної анімації розгортання таблиць без ривків та різких стрибків контенту.
Універсальне інтерактивне модальне вікно запису:
Розроблено дворівневу систему вибору «Категорія -> Зона епіляції» з динамічним підтягуванням цін, тривалості та автоматичним заповненням прихованих полів форми для відправки на сервер.
Кастомний інтерактивний календар та сітка часових слотів з візуальним блокуванням (класи disabled та fully-booked) уже зайнятих або минулих годин.
Оптимізація під мобільні екрани: реалізовано ліміт висоти (max-height: 85vh) та приховано системні скролбари користувача за допомогою CSS для збереження чистоти дизайну.
3. Автоматизація та Сповіщення (Telegram Integration)
Інтегровано модуль автоматичного надсилання заявок у Telegram-канал студії відразу після успішного підтвердження форми (submit). Сповіщення містить повну інформацію про запис: Ім'я, Телефон, Обрана зона, Вартість, Дата та точний Час візиту.
4. Швидкість та SEO (Core Web Vitals)
Miniмізовано використання важких сторонніх JS-бібліотек — увесь інтерактив (календар, маски телефонів, валідація, анімація) написаний на чистому JavaScript (Vanilla ES6). Це забезпечило миттєве завантаження сторінки на смартфонах навіть за умов слабкого мобільного зв'язку.
Налаштовано правильну семантичну структуру тегів для повної індексації пошуковими роботами Google.
Бізнес-результат розробки
Сайт перетворено з базової сторінки-візитки на автономний інструмент генерації лідів. Клієнт отримує можливість записатися на процедуру в кілька кліків, а адміністратори студії миттєво бачать нові броні в месенджері, що знизило час обробки однієї заявки до кількох секунд.
-
30 241 PLN eradron
Sklepy internetowe i e-commerce
Projekt 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.
-
34 022 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.
-
5670 PLN Bot SkyNet
Java
Niestandardowy 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.
-
45 362 PLN F7
Programowanie stron internetowych
Projekt 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.
Aktywność
| Ostatnie oferty 10 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Sklep internetowy z obuwiem
2107 PLN
|
|||||
|
Sklep z przemysłowym sprzętem do szycia
1854 PLN
|
|||||
|
Tworzenie stron internetowych, deweloperzy blockchain
1072 PLN
|
|||||
|
Dopracowanie/przeróbka sklepu internetowego z artykułami dla zwierząt na stronie salonu groomerskiego
1264 PLN
|
|||||
|
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowych
1512 PLN
|
|||||
|
Full-stack rozwój
17 011 PLN
|
|||||
|
Należy stworzyć nowoczesną stronę lądowania dla firmy w dziedzinie konsultingu/finansów
2107 PLN
|
|||||
|
Opracowanie systemu CRM dla biznesu towarowego
2275 PLN
|
|||||
|
Opracowanie 4-stronicowej strony quizowej (2 ekrany/bloki)
758 PLN
|
|||||
|
Opracowanie premium strony internetowej pod klucz – specyfikacja techniczna i warunki
4288 PLN
|
