Dmytro V.
Offer Dmytro work on your next project.
7 hours 56 minutes back
2 Safes completed
23 days 15 hours back
2 clients
4 proposals made
on the service 1 month 20 days
Rating
Language proficiency level
Skills and abilities
Portfolio
-
Premium promotional website for a Swiss watch manufacturer
Web ProgrammingExclusive interactive landing page designed in the aesthetics of dark luxury and digital minimalism. The main goal of the project is to convey the philosophy of slow handcrafted watch assembly through impeccable UX/UI, complex multi-stage scroll animations, and unique procedural SVG graphics that operate in real time.
What has been implemented:
- Procedural generation of SVG watches in real time: All dials on the site are created exclusively using code (Vanilla JS + SVG), without the use of any raster images. The main clock in the Hero block is synchronized with the user's local time, smoothly rendering the movement of each hand.
… - Complex interactive scroll animation (Exploded View): The section with the watch mechanism (Movement) uses screen pinning. During scrolling, the user literally "disassembles" the coded watch caliber into separate parts (gears, balance wheel, case), which scatter along the Y-axis with the appearance of corresponding labels.
- Dynamic color theme change (Theme Crossfade): Smooth transition between "dark" (Dark) and "light" (Paper) themes on the fly during page scrolling. Implemented through manipulation of CSS variables using ScrollTrigger to create a seamless visual experience.
- Premium micro-interactions and custom cursor: A custom cursor algorithm with a magnetic ring that smoothly follows the mouse (using lerp math) and expands when hovering over active areas. The interactive orbit button in the Commission section also gently attracts to the cursor, adding physical weight to the interface.
- Atmospheric film grain effect: A custom animated noise effect created through an SVG filter (fractalNoise), which is overlaid across the entire site using mix-blend-mode to create an expensive "analog" texture without sacrificing performance (FPS).
- Thematic preloader and scroll indicator: The loading screen and fixed scroll progress indicator are styled to resemble minimalist watch dials with dynamic hands.
- Mathematical animation of moving parts: Programmatically generated gears (gear paths) and balance spring, which have looped CSS/GSAP animations of rotation and oscillation, mimicking real mechanical movement (18,000 half-oscillations per hour).
- Web Accessibility and optimization: The code is written in pure Vanilla JS. A check for prefers-reduced-motion is implemented: for users who disable animations in the system, the site automatically disables GSAP and shows the disassembled watch scheme immediately, remaining fully functional.
Technologies:
HTML5, CSS3 (Advanced CSS Variables), JavaScript (Vanilla ES6+, Procedural SVG Generation), GSAP (GreenSock), ScrollTrigger, SVG Filters/Animations.
-
Premium portfolio with 3D WebGL and scramble animation
Web ProgrammingPremium interactive portfolio of a Full-Stack developer, designed in the aesthetics of dark digital minimalism and inspired by Awwwards-winning websites. The main goal of the project is to showcase a high level of mastery in complex interactive animation, real-time 3D graphics, and impeccable UX/UI.
What has been implemented:
- Interactive 3D WebGL scene: a generative sphere with thousands of particles in the Hero block that physically reacts (repels, bends, and deforms) to mouse movements or screen touches.
… - GPU/CPU resource optimization: using IntersectionObserver, the Three.js render cycle completely stops as soon as the Hero block disappears from the screen, saving up to 90% of device resources.
- Digital scrambling effect (Text Scramble): a custom algorithm for random character replacement that effectively animates text headings upon first appearance, clicks on the menu, or scrolling back to the top of the page.
- Premium preloader: a branded loading screen with a dynamic progress indicator and a physical vertical screen push effect.
- Magnetic UI elements: interactive buttons and menu items gently attract to the user's cursor, adding a tactile sense of physical volume to the interface.
- Custom cursor with magnetic effect: the cursor smoothly follows the mouse with a slight delay (lerp), changes size when hovering over active areas, and features a built-in orange focus dot.
- Neon glow effect in the footer: the final slogan smoothly transitions from a metallic gradient to a rich brand color with a soft neon glow upon mouse hover.
- Branded SVG Favicon: a custom geometric monogram icon "DV" with an orange accent, embedded directly in the code for ultra-fast loading.
- Full cross-browser stability: Critical CSS, inline styles, and synchronous buffer rendering have been implemented, completely resolving the issue of white flashes (F5 flash) on Windows/ANGLE GPU contexts.
Technologies:
HTML5, CSS3 (Vanilla), JavaScript, Three.js (WebGL), GSAP (GreenSock), ScrollTrigger, Lenis (Smooth Scroll)
-
Immersive luxury landing page for a selective perfume brand
Web ProgrammingPremium immersive landing page for the fictional selective perfume brand "NOIRE ATLAS".
The project is implemented in the style of dark luxury minimalism, inspired by Awwwards-winning websites. The main focus is on complex interactive animation, atmospheric visuals, and a smooth immersion effect (storytelling).
… What has been implemented:
- Branded preloader with a percentage counter and sliding screen effect
- Custom interactive cursor that changes size and shows hints when hovering over elements
- Background Canvas smoke animation in the Hero block that physically reacts to mouse movements
- Horizontal scroll slider for the fragrance line with built-in image parallax
- Generative Canvas visualizations of olfactory profiles (each fragrance has its own unique interactive figure)
- Magnetic effect for buttons (elements gently attract to the cursor when approaching)
- Full responsiveness (on smartphones, horizontal scroll smoothly transitions to a vertical feed)
- Optimized code without unnecessary libraries - the entire interface and logic work from a single file
Technologies: HTML5 Canvas, CSS (Vanilla), JavaScript, GSAP, ScrollTrigger
-
Motion — premium landing page for a SaaS product
Web ProgrammingMotion - interactive SaaS landing page with animations and code-diff demo
The main focus is on interactivity. Scroll-reveal animations, fade-in effects, and code-diff block are implemented in pure JavaScript.
… What has been implemented:
- Static HTML/CSS/JS structure without frameworks
- Local fonts, images, CSS, audio, and media
- Rebranding of the interface under Motion
- Header/footer edits: logo, typography, links
- Scroll-reveal and fade-in animations
- Interactive code-diff block
- Editable right code pane
- Green inserted-text highlighting
- Synchronization of left and right diff parts
- Preservation of syntax highlighting during editing
- Responsive layout
- Clean production/deploy folder
- Checking asset dependencies and absence of 404
Technical details:
- HTML5, CSS3, vanilla JavaScript
- No React, Next.js, Vue
- No Webpack/Vite/esbuild
- Fully static site
- 100% local runtime assets
- IntersectionObserver for reveal animations
- Vanilla JS module for code-diff interaction
Challenges and resolved issues:
- Reproducing complex UI without original React/Next runtime
- Transferring interactive logic to vanilla JS
- Preserving syntax highlighting during live editing
- Synchronizing diff panels
- Correct operation of opacity/transform in reveal animations
- Localizing assets without CDN
- Preparing a clean deploy package
Result:
A ready standalone static landing page under the Motion brand, which retains the visual complexity of the reference, works without a build process, and is deployed as a regular HTML/CSS/JS site.
Stack:
HTML5 · CSS3 · Vanilla JavaScript · IntersectionObserver · GitHub · Vercel
-
Landing Page for AI startup Neura (Next.js + Tailwind CSS)
Web ProgrammingModern adaptive landing page for the AI/wearable startup Neura - a company developing next-generation neuro-computer devices.
The main task is to create a premium, technological, and emotional interface at the Apple level, which conveys the product's innovation, builds trust, and engages the audience of investors and early adopters.
… The design employs a minimalist approach with an emphasis on large typographic blocks, smooth animations during scrolling, and a contrasting black-and-white palette with an accent blue (#0071E3), highlighting the brand's technological vision.
What has been implemented:
- Adaptive design (mobile-first) with pixel-perfect layout
- Component architecture on React 19 with server and client components
- Hero block with animated image, blur effects, and stagger animations for text
- Dynamic navigation with automatic theme change (light/dark) depending on the section
- Dropdown navigation panels (Wearable, Neural, Search) with backdrop-blur effect
- Fully functional mobile menu with smooth opening/closing animations
- "Overview" section with text rotation (AnimatePresence) - cyclical message changes
- "Mission" section with a structured display of the company's mission, vision, and ambitions
- "Invisible Approach" section with floating animation of the device over a large headline
- "Progress" section - structured blocks with content about development directions
- "Scientific Evidence" section - accent CTA block on a blue background
- Custom hover effects on all interactive elements (slide-up pill buttons, arrow links with double SVG trick)
- Sticky Logo button - appears when scrolling for quick return to the top
- Smooth scrolling through Lenis - native smooth scroll instead of browser's
- Support for prefers-reduced-motion for accessibility
- Optimized code structure for scalability
Stack: Next.js 16, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lenis, Geist Font
-
FinanceOS Bot - AI Telegram bot for personal finance
Bot DevelopmentTelegram bot for tracking expenses and income with AI analytics, natural language recognition, and automatic parsing of bank statements (Python, aiogram 3, Groq LLaMA, Supabase).
Main task: To free the user from manual financial management - the bot accepts messages in free form, automatically classifies transactions, tracks the budget, and provides AI recommendations based on spending history.
… What has been implemented:
- Recognition of transactions from natural language (intent detection via LLaMA 3.3 70B) with automatic determination of amount, category, and type of operation
- Natural language parser for amounts - support for formats "25k", "half a million", "twenty thousand UAH"
- Parsing of bank CSV and PDF statements with automatic entry of transactions into the database
- Financial goals with deadlines, progress tracking, and savings plans
- AI financial advisor - answers to questions about expenses based on context from the database (embeddings + semantic search)
- Weekly automatic expense digest (APScheduler, cron)
- Onboarding of new users with FSM states
- Custom Supabase FSM storage for saving dialogue state between restarts
Technologies: 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, Telegram Bot API)
Bot DevelopmentAutonomous service for detecting suspicious trades on the prediction market Polymarket with automatic alert delivery via Telegram (Go, Telegram Bot API, REST polling).
Main task: Monitoring the flow of transactions on Polymarket in real-time, identifying patterns characteristic of insider trading (new accounts, abnormal bet sizes, low-price entries before resolution), and instant notification of the operator via Telegram with a detailed report on each suspicious transaction.
… What has been implemented:
- Rule-based scoring engine with 20 conditions (C1–C20): account age, bet size, entry price, market liquidity, trading speed, win-rate history on low-price bets, deviation from the wallet's baseline behavior
- Normalization of binary SELL transactions into BUY equivalent for correct scoring
- Data enrichment: wallet history (up to 500 records), proxy-wallet resolution, market liquidity, closure date - through Polymarket Data API and Gamma API
- Anti-smurf aggregator: detection of bets from one wallet broken into small parts and synthesis of aggregated trade when exceeding the threshold
- Compound alerts of coordinated activity: clustering of suspicious transactions from different wallets in one market over 30 minutes
- Post-resolution tracker: automatic verification of market results after closure, recording - WON/LOST/CANCELLED with accuracy count of the detector
- Durable outbox for Telegram: persistent queue for resending undelivered alerts with retry logic
- Daily digest with aggregated alert statistics and prediction accuracy; hot-reload configuration without stopping the service; health endpoint; graceful shutdown with proper state preservation
Technologies: Go 1.21, Polymarket Data API, Gamma API, Telegram Bot API, JSONL persistence, GOB serialization, concurrent worker pool, hot-reloadable .env config
-
Telegram bot for online nail appointment (Python, aiogram 3)
PythonTelegram bot for automating client appointments for manicure with an admin panel and reminder system.
Main task: Replace manual record-keeping in the messenger with a full-fledged booking system featuring an interactive interface - the client independently selects the service, date, and time, while the master receives notifications and manages the schedule through the admin panel.
… What has been implemented:
- Complete FSM flow for booking: service selection → inline calendar → time selection → entering name and phone → confirmation
- Admin panel: management of working days, time slots, services, and their prices (CRUD)
- Inline calendar with month navigation support, blocking of past and closed dates
- Automatic reminders to clients 24 hours and 2 hours before the visit (APScheduler)
- Instant notifications to the admin about new bookings and cancellations with the ability to take action directly from the message
- Phone validation (regex, normalization to +380XXXXXXXXX), protection against double booking (race condition on is_booked)
- CRUD operations with services through the admin panel: adding, changing prices, deleting with automatic transliteration of keys
- Handling edge cases: blocking repeat bookings, notifying the client upon cancellation by the admin, try/except for blocked bots
Technologies: Python 3.11+, aiogram 3.25, Supabase (PostgreSQL), APScheduler, python-dotenv, FSM (Finite State Machine), Inline Keyboards, CallbackData factories
-
Landing Page for a law firm (React + Tailwind)
Web ProgrammingModern adaptive landing page for a law firm.
The main task is to create a restrained, professional, and trustworthy interface that emphasizes expertise and motivates the user to schedule a consultation.
… The design employs a minimalist approach with a focus on typography, space, and a clear content structure that aligns with the legal niche style.
What has been implemented:
- Adaptive design (mobile-first)
- Component architecture on React
- Hero block with a strong offer and CTA
- Sections: problem → solution → services → trust → CTA
- Clear structure to enhance conversion
- Minimalist and professional UI
- Optimized code structure for scalability
Technologies:
React, Vite, Tailwind CSS, JavaScript
-
Premium Landing Page for a renovation company (React + Tailwind)
Web ProgrammingModern premium landing page for an apartment renovation company.
The main task is to create a stylish, minimalist, and "expensive" interface that increases trust in the company and motivates users to leave an application.
… The design uses a clean UI approach with an emphasis on typography, space, and a clear content hierarchy.
What has been implemented:
- Responsive design (mobile-first)
- Component architecture on React
- Premium Hero block with a strong offer
- Sections: problem → solution → process → portfolio → CTA
- Clear landing structure to increase conversion
- Minimalist UI without overload
- Optimized code structure for scalability
Technologies:
React, Vite, Tailwind CSS, JavaScript
-
Landing Page for online English school (React + Tailwind)
Web ProgrammingModern adaptive landing page for an online English language school.
The project is created with a focus on conversion, clean UI, and user convenience. The main task is to show the value of the course and motivate the user to start learning.
… The structure of a classic selling landing page has been implemented: Hero → problem → solution → social proof → CTA.
What has been implemented:
- Adaptive design (mobile-first)
- Component architecture on React
- Hero block with a clear offer and CTA
- Problem section (user pain points)
- Solution section with an explanation of the approach
- Social proof / trust
- Calls to action (CTA)
- Clean and scalable code structure
Technologies:
React, Vite, Tailwind CSS, JavaScript
-
Frontend of the online store SweetBox (Vanilla JS)
Web ProgrammingInteractive frontend of the online store "SweetBox" with a product catalog, product page, and basic order logic.
The project is implemented without frameworks (pure HTML, CSS, JavaScript) focusing on a clear structure, performance, and control over the logic.
… What has been implemented:
- Product catalog with dynamic display
- Filtering and searching for products
- Individual product page
- Cart using localStorage
- Basic order placement logic
- Full multi-page structure (Home, Product, Order, About, Contacts, 404)
- Reusable components (Header, Footer, modals)
- Clean code structure with logic separation (products, cart, filters)
Technologies:
HTML, CSS, JavaScript (Vanilla JS), localStorage
-
React Landing Page for the online program MARATHON 30
Web ProgrammingModern adaptive landing page for the online program "MARATHON 30".
The project is implemented on React (Vite) using Tailwind CSS. The main focus is on a clean interface, fast loading, and user-friendliness on mobile devices.
… What has been implemented:
- Fully responsive layout (mobile-first)
- Component structure in React
- Hero block with the key offer
- Sections: problem → solution → social proof → CTA
- Live countdown timer
- Optimized code structure for scalability
- Minimalist UI without third-party libraries
Technologies:
React, Vite, Tailwind CSS, JavaScript
Reviews and compliments on completed projects 2
26 May
400 USD
Connecting the Backend via API to the React front end
Quality
Professionalism
Cost
Contactability
Deadlines
All the work is done
The performer is excellent, I recommend
I will reach out more often)
Quality
Professionalism
Cost
Contactability
Deadlines
Everything is great! Better than I expected! Prompt execution, constant communication, and assistance with questions.
Everything is great!
Activity
| Projects underway 1 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Developer on Next.js
89 USD
|
| Latest proposals 10 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Website layout
357 USD
|
|||||
|
Rib restaurant-pizzeria website
558 USD
|
|||||
|
Link UA Telegram bot
223 USD
|
|||||
|
Next.js website
45 USD
|
|||||
|
Development of a Telegram bot for AI generation of explicit content using the model's appearance.
447 USD
|
|||||
|
Create a one-page landing page for a single product.
22 USD
|
|||||
|
Improve the website menu and HTML pages
40 USD
|
|||||
|
Layout of 2 pages for a website on Khoroshop
112 USD
|
|||||
|
Implement the output of a non-standard size selection
22 USD
|
|||||
|
Automation of actions on the website only request
603 USD
|