Dmitriy Roi
Dmitriy Roi

Hi 👋,
My name is Dmitriy Roi I am
Web Developer

Scroll

About

I am a Senior-level Frontend Developer with over 7 years of professional experience in building high-performance, scalable web applications. My journey has evolved from traditional web development to mastering the modern Vue.js ecosystem and, most recently, pioneering the integration of AI-driven workflows to deliver superior digital products faster and smarter.

Skills

HTML 5HTML 5
CSS 3CSS 3
JavaScriptJavaScript
TypeScriptTypeScript
Sass / SCSSSass / SCSS
Tailwind CSSTailwind CSS
BootstrapBootstrap
Vue 2 | 3Vue 2 | 3
Nuxt 2 | 3Nuxt 2 | 3
Node.jsNode.js
jQueryjQuery
GitGit
npm | Yarnnpm | Yarn
WordPressWordPress
PHPPHP
MySQLMySQL
VS CodeVS Code

Portfolio

Erchelpers
Erchelpers

A simple landing page created on the webflow platform. The advantage of webflow is that the created page can be easily transferred to the client's workspace. The client can easily edit both content and page design. The builder is easy to use.

JavaScript
HTML5
CSS3
Webflow
Restful api
CAMSTAL
CAMSTAL

Simple landing page for a company that sells equipment for factories and plants.

MySql
Php
JavaScript
HTML5
CSS3
+3
BetInbox IT solutions for sports business (landing)
BetInbox IT solutions for sports business (landing)

Landing page for a betting shop. The site components are fully dynamic and the content and filling of the site is controlled from the headless cms strapi.io. Excellent solution to combine modern approach in website development with modern framework nuxt 3 and keep the possibility for the client to edit the content and layout of the site blocks without code knowledge.

Vue 3
Nuxt 3
Vuetify 3
Pinia
Strapi.io
+7
Recreational center's website
Recreational center's website

Revamped a recreational center's website using WordPress with Advanced Custom Fields. Highlights include streamlined administration, multi-language support, and a custom Ajax booking form, optimizing user experience and operational efficiency.

Wordpress
Php
JavaScript
HTML5
CSS3
+3
Site sport bet
Site sport bet

Sports betting site. A personal cabinet is implemented, where the user can deposit funds, view statistics, betting history, history of transactions, currency selection, make withdrawals and much more.

Vue 3
Nuxt 3
Vuetify 3
Pinia
JavaScript
+6
Interactive individualmath platform for learning math
Interactive individualmath platform for learning math

A platform for learning and solving math problems, students in grades 4-11. The site implements a personal account by role. Displaying mathematical formulas in a user-friendly view Functionality for students: Adaptive problem solving that adjusts to individual level of knowledge, editing profile, tracking progress, adapting topics to specific requests.

Vue.js
Nuxt.js
Vuetify
Vuex
JavaScript
+4
Admin panel sport bet
Admin panel sport bet

Admin panel for sports sweepstakes. In which you can control finances, betting. Create managers and cashiers. View statistics on bets. Deposit and debit money from players' accounts. There is everything you need to make the betting site work properly and keep a complete record of all data on the site.

Vue 3
Nuxt 3
Vuetify 3
Pinia
JavaScript
+6
Insurance company landing page
Insurance company landing page

Simple, fast and functional landing page. With dynamic contact form. It is also possible to add strapi.io cms so that customers can easily edit content without knowing the code.

Vue 3
Nuxt 3
Vuetify 3
Pinia
Strapi.io
+7
Site generate short links
Site generate short links

A site for generating abbreviated links. Has an option to purchase subscriptions. Creating commands and organizations with which to share links. It is possible to share links via qr-code. You can see analytics of clicks on links and thus see how often the link is used.

Vue 3
Nuxt 3
Vuetify 3
Pinia
GraphQl
+7
Dispatch landing page
Dispatch landing page

Landing with dynamic contact form. It is also possible to add editing of the content part using integration with strapi.io cms. Change contact form. Add or remove information on the site, as well as edit colors, images, position sections. Also the site supports many languages. And has a high speed of work as used modern framorki and modules for its work.

Vue 3
Nuxt 3
Vuetify 3
Pinia
Strapi.io
+7
Insurance company landing page
Insurance company landing page

Simple, fast and functional landing page. With dynamic contact form. It is also possible to add strapi.io cms so that customers can easily edit content without knowing the code.

Vue 3
Nuxt 3
Vuetify 3
Pinia
Strapi.io
+7
Construction company landing page
Construction company landing page

Multi-page website with dynamic contact form. It is also possible to add editing of the content part using integration with cms strapi.io. Very convenient if customers quickly add, change products on the site. Edit contact form. Add or delete information on the site, as well as edit colors, images, position of sections. Also, the site supports many languages. And has a high speed of work, as modern framemorks and modules for its work are used.

Vue 3
Nuxt 3
Vuetify 3
Pinia
Strapi.io
+7
AI Crypto Portfolio
AI Crypto Portfolio

Platform for building and optimizing AI-powered cryptocurrency portfolios. Create, track, and optimize crypto investments with advanced AI algorithms. Features: portfolio creation with drag-and-drop, AI recommendations and risk assessment, real-time analytics and performance charts, crypto news and AI-generated blog, strategy comparison (Conservative, Moderate, Aggressive). Built with Nuxt 3 and Vue.js.

Vue 3
Nuxt 3
Pinia
Typescript
Tailwind CSS
+8
Intensifly — Profit Intelligence Engine
Intensifly — Profit Intelligence Engine

SaaS platform for small businesses: real costs, margins, and profit health at a glance. Cashflow calendar, cost breakdowns by product/service, Profit Health Score (revenue, margins, cash). AI chat assistant for what-if scenarios and reports. Docker-based deployment. Built with Nuxt 3, Vue 3, TypeScript, and AI integration.

Vue 3
Nuxt 3
Pinia
Typescript
JavaScript
+7
FolioHair — Professional Checklists for Stylists
FolioHair — Professional Checklists for Stylists

E-commerce platform for beauty industry professionals. Offers ready-to-use PDF guides and checklists for hair care from industry experts. Features: product catalog with sale timers, shopping cart, multi-language support, responsive design. Built with Nuxt 3, Vue 3, Tailwind CSS.

Vue 3
Nuxt 3
Tailwind CSS
Pinia
Typescript
+4
GenCard AI — AI-Powered Digital Business Cards
GenCard AI — AI-Powered Digital Business Cards

Web application for creating personalized digital business cards with AI auto-fill. Features: profile editor, social links management, custom design options, QR code sharing, NFC support, live device preview. AI generates bio and services based on user input. Built with Nuxt 3, Vue 3, OpenAI integration.

Vue 3
Nuxt 3
Tailwind CSS
Pinia
OpenAI / AI Chat
+5
Barcelona — E-commerce Conference Landing
Barcelona — E-commerce Conference Landing

Landing page for Barcelona e-commerce conference (07/01/2022). Dark theme with animated 3D bull graphic. Features: partner logos, event schedule, speaker information, ticket purchasing. Designed for high-level marketers and brand decision makers.

JavaScript
HTML5
CSS3
Scss
Dubai — E-commerce Conference Landing
Dubai — E-commerce Conference Landing

Landing page for Dubai e-commerce conference. Orange-themed design with event schedule, experience highlights, testimonials from past attendees. Features: animated statistics, multi-day agenda, video testimonials, TikTok integration section.

JavaScript
HTML5
CSS3
Scss
Miami — E-commerce Conference Landing
Miami — E-commerce Conference Landing

Landing page for Miami e-commerce conference. Gradient orange-blue design with schedule slider, testimonials, money-back guarantee section. Features: pricing tiers, FAQ, contact information, responsive design for all devices.

JavaScript
HTML5
CSS3
Scss
Christmas — E-commerce Conference Landing
Christmas — E-commerce Conference Landing

Landing page for Christmas edition e-commerce conference. Brown/gold themed design. Features: countdown timer, event philosophy sections, testimonials grid, content preview, buy tickets CTA.

JavaScript
HTML5
CSS3
Scss
Event — E-commerce Conference Landing
Event — E-commerce Conference Landing

Landing page for e-commerce conference. Premium brown-gold themed design with focus on community values. Features: event history, content preview, extensive testimonials, FAQ section.

JavaScript
HTML5
CSS3
Scss
MKYD — Data Synthesis & Anonymization Platform
MKYD — Data Synthesis & Anonymization Platform

SaaS platform for data management and transformation. Features: input/output data mapping, column-level data synthesis and anonymization, distribution visualization, custom data domain configuration. Clean professional UI with project management capabilities. Built with Vue 3, Nuxt 3, TypeScript.

Vue 3
Nuxt 3
Typescript
JavaScript
HTML5
+3