1
0
Fork 0
new.mdenis.org/web/index.html

853 lines
44 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Denys Medvid</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="description" content="Denis M, Denys Medvid, Personal website"/>
<meta name="keywords" content="Denys Medvid, fullstack developer"/>
<meta name="author" content="lmpixels, Denys Medvid"/>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="/css/reset.css?v7" type="text/css">
<link rel="stylesheet" href="/css/bootstrap-grid.min.css?v7" type="text/css">
<link rel="stylesheet" href="/css/animations.css?v7s" type="text/css">
<link rel="stylesheet" href="/css/perfect-scrollbar.css?v7" type="text/css">
<link rel="stylesheet" href="/css/owl.carousel.css?v7" type="text/css">
<link rel="stylesheet" href="/css/magnific-popup.css?v7" type="text/css">
<link rel="stylesheet" href="/css/main.css?v7" type="text/css">
<script src="/js/modernizr.custom.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="/gtm/gtag/js?id=G-LD1ZGS2S55"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-LD1ZGS2S55');
</script>
</head>
<body>
<!-- Animated Background -->
<div class="lm-animated-bg" style="background-image: url(img/main_bg.png);"></div>
<!-- /Animated Background -->
<!-- Loading animation -->
<div class="preloader">
<div class="preloader-animation">
<div class="preloader-spinner">
</div>
</div>
</div>
<!-- /Loading animation -->
<div class="page">
<div class="page-content">
<header id="site_header" class="header mobile-menu-hide">
<div class="header-content">
<div class="header-photo">
<img src="img/main_photo.jpg" alt="Denys Medvid">
</div>
<div class="header-titles">
<h2>Denys Medvid</h2>
<h4>Full Stack Software Engineer</h4>
</div>
</div>
<ul class="main-menu">
<li class="active">
<a href="#home" class="nav-anim">
<span class="menu-icon lnr lnr-home"></span>
<span class="link-text">Home</span>
</a>
</li>
<li>
<a href="#about-me" class="nav-anim">
<span class="menu-icon lnr lnr-user"></span>
<span class="link-text">About Me</span>
</a>
</li>
<li>
<a href="#resume" class="nav-anim">
<span class="menu-icon lnr lnr-apartment"></span>
<span class="link-text">CV</span>
</a>
</li>
<li>
<a href="#portfolio" class="nav-anim">
<span class="menu-icon lnr lnr-briefcase"></span>
<span class="link-text">Portfolio</span>
</a>
</li>
<li>
<a href="#blog" class="nav-anim">
<span class="menu-icon lnr lnr-book"></span>
<span class="link-text">Blog</span>
</a>
</li>
<li>
<a href="#contact" class="nav-anim">
<span class="menu-icon lnr lnr-envelope"></span>
<span class="link-text">Contact</span>
</a>
</li>
</ul>
<div class="social-links">
<ul>
<li><a href="https://www.instagram.com/denys.medvid.cc/" target="_blank"><i
class="fab fa-instagram"></i></a></li>
<li><a href="https://twitter.com/mdenis_org" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://github.com/DenysMedvid" target="_blank"><i class="fab fa-github"></i></a></li>
<li><a href="https://git.medvid.cc/DenysMedvid" target="_blank"><i class="fab fa-git"></i></a></li>
</ul>
</div>
<div class="header-buttons">
</div>
<div class="copyrights">
<p>&copy; 2021-2022 All rights reserved.</p>
<p class="build">
<a href="https://drone.medvid.cc/DenysMedvid/new.mdenis.org">
<img src="https://drone.medvid.cc/api/badges/DenysMedvid/new.mdenis.org/status.svg?ref=refs/heads/master"
alt="build label"/>
</a>
</p>
</div>
</header>
<!-- Mobile Navigation -->
<div class="menu-toggle">
<span></span>
<span></span>
<span></span>
</div>
<!-- End Mobile Navigation -->
<!-- Arrows Nav -->
<div class="lmpixels-arrows-nav">
<div class="lmpixels-arrow-right"><i class="lnr lnr-chevron-right"></i></div>
<div class="lmpixels-arrow-left"><i class="lnr lnr-chevron-left"></i></div>
</div>
<!-- End Arrows Nav -->
<div class="content-area">
<div class="animated-sections">
<!-- Home Subpage -->
<section data-id="home" class="animated-section start-page">
<div class="section-content vcentered">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="title-block">
<h2>Denys Medvid</h2>
<div class="owl-carousel text-rotation">
<div class="item">
<div class="sp-subtitle">Software Engineer</div>
</div>
<div class="item">
<div class="sp-subtitle">Full stack engineer</div>
</div>
<div class="item">
<div class="sp-subtitle">Backend-developer</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of Home Subpage -->
<!-- About Me Subpage -->
<section data-id="about-me" class="animated-section">
<div class="page-title">
<h2>About <span>Me</span></h2>
</div>
<div class="section-content">
<!-- Personal Information -->
<div class="row">
<div class="col-xs-12 col-sm-7 about-me">
<p>
I am a full stack software engineer. I take pleasure when a raw idea from a paper
becomes implemented in real life. In my job I try to implement best practices, and
solutions because I believe that in long distance it is more profitable than fast
and low quality solutions. Life is a movement, so I always try to follow the latest
news in the software world to keep myself updated.
</p>
<p>
In my teenages i carried away by the ideas of free and open-source software (FOSS),
which are deep in my mind nowadays. Ideas of collective work under common issues,
and solving common problems. In my work I strongly prefer to use open-source
solutions. I believe that open-source tools become better and more protected than
proprietary software, and also give us better possibilities for developing end
products.
</p>
<p>
In my free time I like to go outside with my wife, walk in a park, museum, or spend
a couple of hours playing poker or some video game with my friends.
</p>
</div>
<div class="col-xs-12 col-sm-5">
<div class="info-list">
<ul>
<li>
<span class="title">Name</span>
<span class="value">Denys Medvid</span>
</li>
<li>
<span class="title">E-mail</span>
<span class="value load-email-contact"></span>
</li>
<li>
<span class="title">Address</span>
<span class="value">Ukraine, Kyiv</span>
</li>
</ul>
</div>
</div>
</div>
<!-- End of Personal Information -->
<div class="white-space-50"></div>
<!-- Services -->
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="block-title">
<h3>What <span>I Do</span></h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col-inner">
<div class="info-block-w-icon">
<div class="ci-icon">
<i class="fas fa-server"></i>
</div>
<div class="ci-text">
<h4>Backend</h4>
<p>Develop applications based on Python, PHP, Symfony / Doctrine, have
experience with Yii. Learning GO and other server-side
technologies.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-inner">
<div class="info-block-w-icon">
<div class="ci-icon">
<i class="lnr lnr-laptop-phone"></i>
</div>
<div class="ci-text">
<h4>Frontend</h4>
<p>I work with ReactJs, Redux, and MobX. Prefer use TypeScript which
gives me more type control inside an application and clearer
architecture. </p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col-inner">
<div class="info-list-w-icon">
<div class="info-block-w-icon">
<div class="ci-icon">
<i class="lnr lnr-cog"></i>
</div>
<div class="ci-text">
<h4>Administration</h4>
<p>I can configure a gnu/linux server, with web servers, DBMS, mail
services, configure CI/CD. I understand and use Docker. </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-inner">
<div class="info-list-w-icon">
<div class="info-block-w-icon">
<div class="ci-icon">
<i class="lnr lnr-rocket"></i>
</div>
<div class="ci-text">
<h4>Cpp</h4>
<p>Can write programs with C or Cpp, using Qt Framework, and STL,
Generic programming.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col-inner">
<div class="info-list-w-icon">
<div class="info-block-w-icon">
<div class="ci-icon">
<i class="lnr lnr-pencil"></i>
</div>
<div class="ci-text">
<h4>Architecture</h4>
<p>I use principles: YAGNI, DRY, KIS, SOLID, DDD when creating software
architecture. </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-inner">
<div class="info-list-w-icon">
<div class="info-block-w-icon">
<div class="ci-icon">
<i class="lnr lnr-database"></i>
</div>
<div class="ci-text">
<h4>Databases</h4>
<p>Create architecture of databases using normal forms, normalization
etc.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of Services -->
<div class="white-space-50"></div>
<!-- Clients -->
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="block-title">
<h3>Certificate</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="clients">
<div class="client-block">
<a href="https://www.zend-zce.com/en/yellow-pages/ZEND027501" target="_blank"
title="Zend Certified Engineer" rel="nofollow">
<img src="/img/cert/ZCPE-logo-XS.jpg" alt="Zend Certified Engineer">
</a>
</div>
</div>
</div>
</div>
<!-- End of Clients -->
</div>
</section>
<!-- End of About Me Subpage -->
<!-- Resume Subpage -->
<section data-id="resume" class="animated-section"
data-ps-id="820dfa6d-b706-eaa3-ec02-979565cbc904">
<div class="section-content">
<div class="page-title">
<h2>Curriculum <span>Vitae</span></h2>
</div>
<div class="row">
<div class="col-xs-12 col-sm-9">
<div class="block-title">
<h3 class="align-content-center">Objective</h3>
</div>
<p class="indent">
I would like to implement my skills and experience in practice.
Check my knowledge in a new and interesting project, receive new experience and meet
new challenges in my work.
I will be happy to deliver a new idea from scratch paper to the end user.
</p>
</div>
<div class="col-xs-12 col-sm-3">
<a href="/cv.pdf" target="_blank" class="btn btn-primary">
Download
</a>
</div>
</div>
<div class="white-space-20"></div>
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="block-title">
<h3>Experience</h3>
</div>
<div class="timeline timeline-second-style clearfix">
<div class="timeline-item clearfix">
<div class="left-part">
<h5 class="item-period">October 2012 - Present</h5>
<span class="item-company">UVO</span>
</div>
<div class="divider"></div>
<div class="right-part">
<h4 class="item-title">Full Stack Software Engineer</h4>
<p class="indent">
I have worked as a Fullstack Software Engineer. A lot of challenges and
difficult tasks. Created projects, support legacy. I have implemented
new features, new integrations, and payment methods. Have created
google-chrome extensions, google-doc addon, moodle LMS integrations,
canvas LMS integrations (LTI), google auth, stripe, paypal and many
others.
</p>
<p>
Create multiple SPA's, Redux, MobX, Symfony, Doctrine, etc.
</p>
<p> Design APIs, implement APIs, create dashboards in grafana, document API
in swagger.
</p>
</div>
</div>
<div class="timeline-item clearfix">
<div class="left-part">
<h5 class="item-period">July 2010 - September 2012</h5>
<span class="item-company">Intuitec</span>
</div>
<div class="divider"></div>
<div class="right-part">
<h4 class="item-title">Full Stack Software Engineer</h4>
<p>I have created a couple of project with Yii framework, JS, database
architecture, integrations with google calendar and have created custom
calendar UI based in jQuery, with drag&drop events, schedules, etc.</p>
</div>
</div>
<div class="timeline-item clearfix">
<div class="left-part">
<h5 class="item-period">August 2009 - July 2010</h5>
<span class="item-company">Freelancer</span>
</div>
<div class="divider"></div>
<div class="right-part">
<h4 class="item-title">Full Stack Software Engineer</h4>
<p>Name of service: weblancer.net</p>
<p>Reference to <a
target="_blank"
href="https://www.weblancer.net/users/thebucefal/reviews/?type=positive"
rel="nofollow">reviews</a> in Russian</p>
<p>I have created a lot of parsers and other small scripts. Fix websites
etc.
</p>
</div>
</div>
</div>
<div class="white-space-50"></div>
<div class="block-title">
<h3>Education</h3>
</div>
<div class="timeline timeline-second-style clearfix">
<div class="timeline-item clearfix">
<div class="left-part">
<h5 class="item-period">2006 - 2010</h5>
<span class="item-company">Kyiv radio-mechanical college of NAU</span>
</div>
<div class="divider"></div>
<div class="right-part">
<h4 class="item-title">Computer programming</h4>
<p></p>
</div>
</div>
</div>
<div class="white-space-50"></div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="block-title">
<h3>Skills</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<h4>PHP</h4>
<p>Doctrine 2, ActiveRecord, Yii, Phalcon, CodeIgniter, Composer, PHPUnit...
</p>
</div>
<div class="col-xs-12 col-sm-6">
<h4>Symfony</h4>
<p>PHP Framework. I have created projects from scratch, support legacy one.</p>
</div>
</div>
<div class="white-space-10"></div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<h4>JavaScript</h4>
<p>ReactJs, Redux, MobX, TypeScript, Webpack, SCSS.</p>
</div>
<div class="col-xs-12 col-sm-6">
<h4>GNU / Linux</h4>
<p>I am an old linux user. I cofigure Nginx, Docker, mysql/mariadb, postfix, dovecot,
DMARK, DKIM, SPF, PHP-FPM, etc...</p>
</div>
</div>
<div class="white-space-10"></div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<h4>Database Architecture</h4>
<p>I understand a database theory. I have created a lot of database schemas for
different projects. Use and understand normalization, denormalization, normal forms,
indexes, etc.</p>
</div>
<div class="col-xs-12 col-sm-6">
<h4>Cpp</h4>
<p>I have created applications with using STL, Qt Framework.</p>
</div>
</div>
<div class="white-space-10"></div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<h4>Software Architecture</h4>
<p>I have a lot of experience and deep understanding OOP. Know and follow SOLID, DRY,
KIS, YAGNI.</p>
</div>
<div class="col-xs-12 col-sm-6">
<h4>Python</h4>
<p>Http requests, pyduktape, apis, etc.</p>
</div>
</div>
<div class="white-space-10"></div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<h4>Version Control System</h4>
<p>I have worked with Mercurial, SVN, GIT. In nowadays i prefer and use git as main
vcs.</p>
</div>
<div class="col-xs-12 col-sm-6">
<h4>CI/CD</h4>
<p>I have worked with GitLab CI, TravisCI, drone.io.</p>
</div>
</div>
<div class="white-space-20"></div>
<!-- Certificates -->
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="block-title">
<h3>Certificates</h3>
</div>
</div>
</div>
<div class="row">
<!-- Certificate 1 -->
<div class="col-xs-12 col-sm-6">
<div class="certificate-item clearfix">
<div class="certi-logo">
<a href="https://www.zend-zce.com/en/yellow-pages/ZEND027501" rel="nofollow"
target="_blank">
<img src="/img/cert/ZCPE-logo-XS.jpg" alt="Zend Certified Engineer"/>
</a>
</div>
<div class="certi-content">
<div class="certi-title">
<h4>Zend Certified Engineer</h4>
</div>
<div class="certi-id">
<span>Candidate ID: ZEND027501</span>
</div>
<div class="certi-date">
<span>18 Jun, 2015</span>
</div>
<div class="certi-company">
<span></span>
</div>
</div>
</div>
</div>
<!-- End of Certificate 1 -->
</div>
<!-- End of Certificates -->
</div>
<div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;">
<div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div>
</div>
<div class="ps__scrollbar-y-rail" style="top: 0px; height: 790px; right: 0px;">
<div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 417px;"></div>
</div>
</section>
<!-- End of Resume Subpage -->
<!-- Portfolio Subpage -->
<section data-id="portfolio" class="animated-section">
<div class="page-title">
<h2>Portfolio</h2>
</div>
<div class="section-content">
<div class="row">
<div class="col-xs-12 col-sm-12">
<!-- Portfolio Content -->
<div class="portfolio-content">
<!-- Portfolio Grid -->
<div class="portfolio-grid three-columns">
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/1.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/1.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/2.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/2.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/3.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/3.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/4.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/4.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/5.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/5.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/6.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/6.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/7.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/7.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/8.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/8.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
<figure class="item lbimage">
<div class="portfolio-item-img">
<img src="/img/portfolio/9.png" alt="portfolio work" title=""/>
<a class="lightbox"
href="/img/portfolio/full/9.png"></a>
</div>
<i class="far fa-image"></i>
</figure>
</div>
</div>
<!-- End of Portfolio Content -->
</div>
</div>
</div>
</section>
<!-- End of Portfolio Subpage -->
<!-- Blog Subpage -->
<section data-id="blog" class="animated-section">
<div class="page-title">
<h2>Blog</h2>
</div>
<div class="section-content">
<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="elfsight-app-d440e98c-f1a1-4528-b675-9270dad136af"></div>
</div>
</div>
</div>
</section>
<!-- End of Blog Subpage -->
<!-- Contact Subpage -->
<section data-id="contact" class="animated-section">
<div class="page-title">
<h2>Contact <span>me</span></h2>
</div>
<div class="section-content">
<div class="row">
<div class="col-xs-12 col-sm-12" style="text-align: center">
<div class="block-title">
<h3>You can <span>write me</span></h3>
</div>
</div>
</div>
<div class="row">
<!-- Contact Info -->
<div class="col-xs-12 col-sm-4 offset-sm-2">
<a href="https://t.me/DenysMedvid">
<span class="lm-info-block gray-default">
<i class="fab fa-telegram"></i>
<span class="block-label">@DenysMedvid</span>
</span>
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="mailto://denys@medvid.cc">
<span class="lm-info-block gray-default">
<i class="lnr lnr-envelope"></i>
<span class="block-label load-email-contact"></span>
</span>
</a>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12" style="text-align: center">
<div class="block-title">
<h3>My <span>repositories</span></h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-4 offset-sm-2">
<a href="https://github.com/DenysMedvid">
<span class="lm-info-block gray-default">
<i class="fab fa-github"></i>
<span class="block-label">@DenysMedvid</span>
</span>
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="https://git.medvid.cc/DenysMedvid">
<span class="lm-info-block gray-default">
<i class="fab fa-git"></i>
<span class="block-label">@DenysMedvid</span>
</span>
</a>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12" style="text-align: center">
<div class="block-title">
<h3>You can find me in <span>social networks</span></h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-4 offset-sm-2">
<a href="https://www.instagram.com/denys.medvid.cc/">
<span class="lm-info-block gray-default">
<i class="fab fa-instagram"></i>
<span class="block-label">@denys.medvid.cc</span>
</span>
</a>
</div>
<div class="col-xs-12 col-sm-4">
<a href="https://twitter.com/mdenis_org">
<span class="lm-info-block gray-default">
<i class="fab fa-twitter"></i>
<span class="block-label">@mdenis_org</span>
</span>
</a>
</div>
<!-- End of Contact Info -->
</div>
</div>
</section>
<!-- End of Contact Subpage -->
</div>
</div>
</div>
<div class="page-stats">
</div>
</div>
<script src="/js/jquery-2.1.3.min.js"></script>
<script src="/js/modernizr.custom.js"></script>
<script src="/js/animating.js"></script>
<script src="/js/imagesloaded.pkgd.min.js"></script>
<script src='/js/perfect-scrollbar.min.js'></script>
<script src='/js/jquery.shuffle.min.js'></script>
<script src='/js/masonry.pkgd.min.js'></script>
<script src='/js/owl.carousel.min.js'></script>
<script src="/js/jquery.magnific-popup.min.js"></script>
<script src="/js/validator.js"></script>
<script src="/js/main.js"></script>
<script src="/elf/p/platform.js" defer></script>
</body>
</html>