Oleksandr Khutornyi
Offer Oleksandr work on your next project.
Rating
Language proficiency level
Skills and abilities
Portfolio
-
9000 USD PizzaYM
Website DevelopmentProject: PizzaYM — Modern Web Application for Ordering Pizza
Project Description
PizzaYM is a dynamic, interactive, and user-friendly web application designed for quick and convenient online pizza ordering. The main goal of the project is to provide users with a quality customer experience (UX) from the moment they select ingredients to the checkout process, minimizing the number of clicks.
… Tech Stack
Choose and leave what was used in the project:
Frontend: HTML5, CSS3/SCSS, JavaScript (ES6+) / React.js / Vue.js
State Management: Redux Toolkit / Context API / Pinia
Styling: Tailwind CSS / Styled Components / Bootstrap
Backend & Database: MySql
Tools: Vite / Webpack, Git, GitHub
Key Features I Implemented
Interactive Product Catalog: A convenient grid of pizzas with dynamic filtering by categories (meat, vegetarian, spicy, etc.) and sorting by price or popularity.
Cart System: Implemented a complete cart management cycle — adding, removing, changing the quantity of items, automatic recalculation of total cost and quantity of items in real-time without page reload.
Product Configurator: Ability to choose pizza size and dough type with dynamic price changes based on selected parameters.
Checkout Form: Validation of user data (name, phone, delivery address) before submitting the order.
Responsive Web Design: The site is fully optimized for all types of devices — from mobile phones to widescreen monitors (Mobile-first approach).
My Achievements and Technical Challenges
Performance Optimization: Set up effective state management for the application, which helped avoid unnecessary re-renders of components when actively working with the cart.
Clean Code and Architecture: Used a component-based approach, separating application logic and interface, making the project easy to maintain and scale.
Working with Asynchronous Data: Implemented smooth loading of menu data from the server with handling of loading states (Skeleton loaders) and possible network errors.
-
2000 USD I rider
Web ProgrammingiRide is a dynamic web platform for a network of motorcycle schools, motorcycle services, and motorcycle sales sites in Zaporizhzhia and Dnipro. The project was developed from scratch to automate customer interactions, present the company's services, and collect leads.
Role in the project: Fullstack Developer (Sole Developer)
… Project type: Commercial / Case Study
Technology stack
Backend: Java 17, Spring Boot, Spring MVC
Frontend: HTML5, CSS3 (Modern Flexbox/Grid), JavaScript (Vanilla ES6)
Template engine: Thymeleaf
Architecture: MVC (Model-View-Controller)
1. Smart geolocation and content customization (Spring Boot + Cookies)
Problem: The network operates in two cities with different prices, schedules, and addresses. Relevant content needs to be displayed without forced registration.
Solution: A system for saving the selected city in Cookies (selectedCity) was implemented. A controller was created that checks for the presence of cookies upon the first visit to any page of the site (even if the user came from Google directly to an internal page). If it is absent, Thymeleaf renders a modal window for city selection, blocking the interface. After selection, the page is refreshed without losing context using the HTTP Referer header.
2. Premium UX/UI and responsiveness (Premium UI)
Glassmorphism effect: A modern background blur effect (backdrop-filter: blur) was used for cards and modal windows. To ensure cross-browser compatibility on mobile devices (especially iOS Safari), vendor prefixes and fallbacks for outdated systems were integrated.
Fullscreen Burger Menu: Adaptive navigation for mobile devices was developed. The menu expands to full screen using CSS clip-path: circle() (a smooth opening effect from the click point). A dynamic delay for element appearance (Staggered Animation using CSS variables --i) was integrated. To prevent scrolling bugs when the menu is open, body { overflow: hidden } was implemented at the JavaScript level.
3. Client-side data validation without third-party libraries
Problem: Users often made mistakes when entering phone numbers (entered letters, did not complete digits), leading to lost leads.
Solution: A custom JavaScript module for phone input masking was written in pure JS (Vanilla). The script automatically inserts the national prefix +380 upon the first digit press, blocks the input of any letters or special characters (regular expressions \D), automatically formats the string, and limits the length to the standard Ukrainian format. Additionally, HTML5 pattern validation was added to prevent the submission of incomplete numbers.
-
1500 USD SkyNet bot
JavaCustom Fleet Tracking Bot with Intelligent Security Logic
I have developed SkyNet, a specialized tracking solution designed for logistics and transport companies. This bot provides a high-level overview of fleet operations by transforming complex GPS telemetry into a simplified, real-time monitoring interface.
… Dynamic Status Logic and Visualization
The core of the system is built on a responsive status-tracking algorithm. To ensure maximum efficiency for fleet managers, I implemented a color-coded visualization system that reflects the real-time state of each vehicle:
Active Status: Confirms the vehicle is in motion with a stable data connection.
Idle/Stationary Status: Automatically identifies when a vehicle has stopped for a short duration or a scheduled break.
Critical/Offline Status: Highlights vehicles that have been stationary for an excessive period or have lost connection unexpectedly.
This visual approach allows users to monitor dozens of units simultaneously without having to analyze individual data logs.
Proactive Anti-Jamming and Security Features
A key technical highlight of this project is the specialized logic for detecting signal interference. Standard tracking systems often fail to distinguish between a simple signal loss and a deliberate attempt to block the GPS/GSM signal.
SkyNet is programmed to identify the specific pattern of a signal drop caused by jamming devices. If a vehicle's connection is suppressed, the bot immediately triggers a high-priority alert and changes the vehicle's status to a distinct warning color. This enables the operator to respond instantly to potential security breaches or theft attempts.
Key Technical Capabilities:
Real-time API integration with GPS hardware.
Automated monitoring of vehicle downtime and operational efficiency.
Instant alert system for unauthorized stops or signal loss.
Optimized backend for low-latency updates and high reliability.
This solution is ideal for businesses looking for a lightweight yet powerful alternative to heavy fleet management software, focusing on security and intuitive user experience.
-
12 000 USD F7
Web ProgrammingProject F7
F7 is a platform for English language teachers and their students that provides complete functionality for online learning. The project includes:
… User cabinet with access to lessons and materials
Subscription and payment for courses through integrated payment systems
Lesson system with access control after payment
Authorization and authentication, password recovery, account deletion
A full-fledged website with all necessary functions for the work of teachers and students
This project demonstrates my experience in full-fledged web development, including frontend + backend, access logic, payment integrations, and user security.
-
8000 USD eradron
Online Stores & E-commerceThe Eradrone project is dedicated to the development and promotion of solutions in the field of agricultural drones. Its goal is to help farmers and agribusinesses automate field processing, monitor crops, and reduce costs through the use of modern unmanned technologies.
Within the project, the following has been implemented:
… a presentation website for agricultural drones,
a description of services and technical solutions,
the possibility of inquiries/orders for consultations,
the technical implementation of the web part (frontend + backend).
The project combines agricultural themes and web development, focused on real business and practical application of technologies.
Activity
| Latest proposals 10 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Refinement/reworking of the pet supplies online store on the grooming salon website
338 USD
|
|||||
|
Development of a photo book and photo frame constructor website
400 USD
|
|||||
|
Full-stack development
4500 USD
|
|||||
|
A modern corporate landing page needs to be created for a company in the consulting/finance sector.
564 USD
|
|||||
|
Development of a CRM system for a goods business
609 USD
|
|||||
|
Development of a 4-page quiz website (2 screens/blocks)
203 USD
|
|||||
|
Development of a premium turnkey website – technical specifications and conditions
1162 USD
|
|||||
|
Eliminate the reasons for the site's non-indexing.
23 USD
|
|||||
|
Online store
451 USD
|
|||||
|
Online Store, lightweight MVP model
1371 USD
|