-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 35.8 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head> <!-- meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <!-- links (stylesheet) --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css"> <!-- external styles --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.0/css/swiper.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous"> <!-- application styles --> <link rel="stylesheet" href="css/index.css" media="screen"> <link rel="stylesheet" href="css/tablet.css" media="screen and (min-width:600px)"> <link rel="stylesheet" href="css/desktop.css" media="screen and (min-width:1024px)"> <link rel="stylesheet" href="css/landscape.css" media="screen and (orientation:landscape)"> <link rel="stylesheet" href="css/hover.css" media="screen and (hover:hover)"> <link rel="stylesheet" href="css/theme.css" media="screen"> <title>Portfolio</title> </head> <body> <!-- content before primary body --> <!-- primary body content --> <!-- navbar --> <nav class="navbar"> <!-- profile --> <div class="profile"> <img class="profile-image" src="img/profile.jpg" alt="profile picture"> <div class="profile-info"> <h1 class="profile-title">Max Stankevich</h1> <div class="profile-subtitle"> <div class="profile-subtitle-left"> <h2>🕹️ Game</h2> <h2>Web</h2> </div> <div class="profile-subtitle-right"> <h2>Full-Stack<br>Developer</h2> </div> </div> <a href="mailto:max.stankevich.me@google.com" target="_top" class="profile-info-email"> max.stankevich.me@gmail.com </a> <!-- social links --> <div class="profile-social-links"> <a href="mailto:max.stankevich.me@google.com" target="_top"> <i class="fas fa-envelope-square"></i> </a> <a href="https://www.linkedin.com/in/max-stankevich/" target="_blank"> <i class="fab fa-linkedin"></i> </a> <a href="https://github.com/gavar" target="_blank"> <i class="fab fa-github-square"></i> </a> </div> </div> </div> </nav> <!-- primary content --> <main> <!-- portfolio --> <!-- project gallery lightbox --> <div class="project-gallery-lightbox"> <div class="swiper-button-close"> <svg class="swiper-button-icon"> <use xlink:href="#icon-x"></use> </svg> </div> <div class="swiper-pagination"></div> <div class="swiper-container"> <div class="swiper-wrapper"></div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> <div class="project-gallery-lightbox-bottom-shadow"></div> </div> <!-- project portfolio --> <section class="portfolio-section"> <h1 class="portfolio-title">Portfolio</h1> <!-- portfolio timeline --> <div class="timeline portfolio-timeline"> <div class="timeline-entry"> <div class="timeline-date"> <time class="timeline-date-text"> currently </time> </div> <div class="timeline-separator"></div> <div class="timeline-item"> <article class="project"> <!-- project post --> <div class="project-post"> <div class="project-title"> <a rel="nofollow" href="http://fronted.com/"> Fronted<i class="fas fa-link"></i> </a> </div> <div class="project-role"> Backend Developer </div> <div class="project-description"> <p> The project dedicated to freelancers and small business, who wondering how to promote their product and find new customers. Fronted is going to solve that problem by introducing expert evaluation of your project needs; by providing marketing team and promoting your product using an embedded social platform. </p> </div> </div> <!-- project gallery --> <div class="project-gallery none wip"> <div class="project-gallery-box none wip"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/wip-image.png" data-alt="Fronted project picture #1" style="max-width: 527px; max-height: 300px;" data-srcset="img\wip-image-375.png 375w,img\wip-image.png 527w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> </div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination-hidden"></div> </div> <!-- project applications --> <!-- project technologies --> <div class="project-technologies"> <div class="technologies-title">Technologies</div> <ul class="tech-tags"> <li> <a href="http://www.oracle.com/technetwork/java/javase/overview" rel="nofollow">Java</a> </li> <li> <a href="https://spring.io/" rel="nofollow">Spring</a> </li> <li> <a href="https://www.mysql.com/" rel="nofollow">MySQL</a> </li> <li> <a href="https://maven.apache.org/" rel="nofollow">Maven</a> </li> <li> <a href="https://nodejs.org" rel="nofollow">NodeJS</a> </li> <li> <a href="https://www.typescriptlang.org/" rel="nofollow">TypeScript</a> </li> <li> <a href="http://handlebarsjs.com/" rel="nofollow">handlebars</a> </li> <li> <a href="https://gulpjs.com/" rel="nofollow">Gulp</a> </li> </ul> </div> </article> </div> </div> <div class="timeline-entry"> <div class="timeline-date"> <time class="timeline-date-text"> Nov 2017 </time> </div> <div class="timeline-separator"></div> <div class="timeline-item"> <article class="project"> <!-- project post --> <div class="project-post"> <div class="project-title"> <a rel="nofollow" href="http://www.game-insight.com/games/my-country"> My Country AR<i class="fas fa-link"></i> </a> </div> <div class="project-role"> Developer / Tech Lead </div> <div class="project-description"> <p> Welcome to the first game that lets you build your own country in <strong>augmented reality!</strong> Using the latest technologies, you can now bring entire worlds to life right in your living room. Discover miniature worlds full of cute little people; run an airport, manage a train station and see how tall you can build the forest of skyscrapers in your business district. Master an entire new dimension of fun – swoop and pan with your device to get a better perspective look for hidden items around your cities to avert mishaps. </p> <p> <strong>The game was released on the first day of iOS augmented reality app store and has been stated as first city-builder available in AR mode.</strong> </p> <h3>Contributions:</h3> <ul> <li>core engine development</li> <li>progressive asset loading</li> <li>asset bundling and dependency management</li> <li>UI powered by <a rel="nofollow" target="_blank" href="https://bitbucket.org/Unity-Technologies/ui">uGUI</a> including <a rel="nofollow" target="_blank" href="https://reactjs.org/">React</a>-like rendering</li> <li>DLC (downloadable content) packages applied while you play</li> <li>the game mostly based on the engine from previous games</li> </ul> </div> </div> <!-- project gallery --> <div class="project-gallery phone"> <div class="project-gallery-box phone"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-ar/9x16/my-country-ar-screen-1.jpeg" data-alt="My Country AR project picture #1" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\my-country-ar\9x16\my-country-ar-screen-1-375.jpeg 375w,img\projects\my-country-ar\9x16\my-country-ar-screen-1-750.jpeg 750w,img\projects\my-country-ar\9x16\my-country-ar-screen-1-1080.jpeg 1080w,img\projects\my-country-ar\9x16\my-country-ar-screen-1.jpeg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-ar/9x16/my-country-ar-screen-2.jpeg" data-alt="My Country AR project picture #2" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\my-country-ar\9x16\my-country-ar-screen-2-375.jpeg 375w,img\projects\my-country-ar\9x16\my-country-ar-screen-2-750.jpeg 750w,img\projects\my-country-ar\9x16\my-country-ar-screen-2-1080.jpeg 1080w,img\projects\my-country-ar\9x16\my-country-ar-screen-2.jpeg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-ar/9x16/my-country-ar-screen-3.jpeg" data-alt="My Country AR project picture #3" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\my-country-ar\9x16\my-country-ar-screen-3-375.jpeg 375w,img\projects\my-country-ar\9x16\my-country-ar-screen-3-750.jpeg 750w,img\projects\my-country-ar\9x16\my-country-ar-screen-3-1080.jpeg 1080w,img\projects\my-country-ar\9x16\my-country-ar-screen-3.jpeg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-ar/9x16/my-country-ar-screen-4.jpeg" data-alt="My Country AR project picture #4" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\my-country-ar\9x16\my-country-ar-screen-4-375.jpeg 375w,img\projects\my-country-ar\9x16\my-country-ar-screen-4-750.jpeg 750w,img\projects\my-country-ar\9x16\my-country-ar-screen-4-1080.jpeg 1080w,img\projects\my-country-ar\9x16\my-country-ar-screen-4.jpeg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-ar/9x16/my-country-ar-screen-5.jpeg" data-alt="My Country AR project picture #5" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\my-country-ar\9x16\my-country-ar-screen-5-375.jpeg 375w,img\projects\my-country-ar\9x16\my-country-ar-screen-5-750.jpeg 750w,img\projects\my-country-ar\9x16\my-country-ar-screen-5-1080.jpeg 1080w,img\projects\my-country-ar\9x16\my-country-ar-screen-5.jpeg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> </div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination-hidden"></div> </div> <!-- project applications --> <div class="project-stores"> <a class="store.type" href="https://itunes.apple.com/US/app/id1247796322"> <img src="img/badges/app-store-badge.svg" alt="app-store app link"> </a> </div> <!-- project technologies --> <div class="project-technologies"> <div class="technologies-title">Technologies</div> <ul class="tech-tags"> <li> <a href="https://unity3d.com/" rel="nofollow">Unity3D</a> </li> <li> <a href="" rel="nofollow">C#</a> </li> <li> <a href="http://www.oracle.com/technetwork/java/javase/overview" rel="nofollow">Java</a> </li> <li> <a href="https://jenkins.io/" rel="nofollow">Jenkins</a> </li> <li> <a href="https://www.atlassian.com/software/jira" rel="nofollow">JIRA</a> </li> </ul> </div> </article> </div> </div> <div class="timeline-entry"> <div class="timeline-date"> <time class="timeline-date-text"> Sep 2017 </time> </div> <div class="timeline-separator"></div> <div class="timeline-item"> <article class="project"> <!-- project post --> <div class="project-post"> <div class="project-title"> <a rel="nofollow" href="http://www.game-insight.com/en/games/moana"> Moana Island Life<i class="fas fa-link"></i> </a> </div> <div class="project-role"> Developer / Tech Lead </div> <div class="project-description"> <p> The ocean has called you to Motunui! Create your own magical paradise inspired by <strong>Disney’s</strong> animated film Moana. Join Moana, Maui, and more to create and customize your island, complete quests to earn rewards, and discover the islands of Oceania. Your island adventure awaits! </p> <h3>Contributions:</h3> <ul> <li>user analytics system</li> <li>core engine development</li> <li>progressive asset loading</li> <li>serverless backend via Amazon Lambda</li> <li>asset bundling and dependency management</li> <li>UI powered by <a rel="nofollow" target="_blank" href="https://bitbucket.org/Unity-Technologies/ui">uGUI</a> including <a rel="nofollow" target="_blank" href="https://reactjs.org/">React</a>-like rendering</li> <li>DLC (downloadable content) packages applied while you play</li> </ul> </div> </div> <!-- project gallery --> <div class="project-gallery phone"> <div class="project-gallery-box phone"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/moana/9x16/moana-screen-1.jpg" data-alt="Moana Island Life project picture #1" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\moana\9x16\moana-screen-1-375.jpg 375w,img\projects\moana\9x16\moana-screen-1-750.jpg 750w,img\projects\moana\9x16\moana-screen-1-1080.jpg 1080w,img\projects\moana\9x16\moana-screen-1.jpg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/moana/9x16/moana-screen-2.jpg" data-alt="Moana Island Life project picture #2" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\moana\9x16\moana-screen-2-375.jpg 375w,img\projects\moana\9x16\moana-screen-2-750.jpg 750w,img\projects\moana\9x16\moana-screen-2-1080.jpg 1080w,img\projects\moana\9x16\moana-screen-2.jpg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/moana/9x16/moana-screen-3.jpg" data-alt="Moana Island Life project picture #3" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\moana\9x16\moana-screen-3-375.jpg 375w,img\projects\moana\9x16\moana-screen-3-750.jpg 750w,img\projects\moana\9x16\moana-screen-3-1080.jpg 1080w,img\projects\moana\9x16\moana-screen-3.jpg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/moana/9x16/moana-screen-4.jpg" data-alt="Moana Island Life project picture #4" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\moana\9x16\moana-screen-4-375.jpg 375w,img\projects\moana\9x16\moana-screen-4-750.jpg 750w,img\projects\moana\9x16\moana-screen-4-1080.jpg 1080w,img\projects\moana\9x16\moana-screen-4.jpg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/moana/9x16/moana-screen-5.jpg" data-alt="Moana Island Life project picture #5" style="max-width: 1242px; max-height: 2208px;" data-srcset="img\projects\moana\9x16\moana-screen-5-375.jpg 375w,img\projects\moana\9x16\moana-screen-5-750.jpg 750w,img\projects\moana\9x16\moana-screen-5-1080.jpg 1080w,img\projects\moana\9x16\moana-screen-5.jpg 1242w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> </div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination-hidden"></div> </div> <!-- project applications --> <div class="project-stores"> <a class="store.type" href="https://itunes.apple.com/app/moana-island-life/id1127517805"> <img src="img/badges/app-store-badge.svg" alt="app-store app link"> </a> <a class="store.type" href="https://play.google.com/store/apps/details?id=com.disney.moanaislandlife_goo"> <img src="img/badges/google-play-badge.svg" alt="google-play app link"> </a> <a class="store.type" href="https://www.amazon.com/Disney-Moana-Island-Life/dp/B01N6HRBC6"> <img src="img/badges/amazon-badge.svg" alt="amazon app link"> </a> </div> <!-- project technologies --> <div class="project-technologies"> <div class="technologies-title">Technologies</div> <ul class="tech-tags"> <li> <a href="https://unity3d.com/" rel="nofollow">Unity3D</a> </li> <li> <a href="" rel="nofollow">C#</a> </li> <li> <a href="http://www.oracle.com/technetwork/java/javase/overview" rel="nofollow">Java</a> </li> <li> <a href="https://www.typescriptlang.org/" rel="nofollow">TypeScript</a> </li> <li> <a href="https://aws.amazon.com/lambda/" rel="nofollow">AWS Lambda</a> </li> <li> <a href="https://serverless.com/" rel="nofollow">serverless</a> </li> <li> <a href="https://jenkins.io/" rel="nofollow">Jenkins</a> </li> <li> <a href="https://www.atlassian.com/software/jira" rel="nofollow">JIRA</a> </li> </ul> </div> </article> </div> </div> <div class="timeline-entry"> <div class="timeline-date"> <time class="timeline-date-text"> Jan 2017 </time> </div> <div class="timeline-separator"></div> <div class="timeline-item"> <article class="project"> <!-- project post --> <div class="project-post"> <div class="project-title"> <a rel="nofollow" href="https://www.game-insight.com/en/news/game-insight-unveils-details-around-its-upcoming-title-my-country-3d"> My Country 3D<i class="fas fa-link"></i> </a> </div> <div class="project-role"> Developer / Tech Lead </div> <div class="project-description"> <p> <strong>My Country 3D</strong> is the full-3D follow-up to the smash-hit series, My Country! Interact with your citizens on the street level as you build your city skyward! Explore new frontiers and customize each building; it's an open world bounded only by your imagination! Coming soon! The full-3D follow-up to the smash-hit series, <strong>My Country</strong>! </p><h3>Contributions:</h3> <ul> <li>UI powered by <a rel="nofollow" target="_blank" href="https://bitbucket.org/Unity-Technologies/ui">uGUI</a></li> <li>fully dynamic camera</li> <li>progressive asset loading</li> <li>asset bundling and dependency management</li> <li>DLC (downloadable content) packages applied while you play</li> <li>close-up interaction with people and whole city overview at the same time</li> <li>handling up to 100K components on scene using custom entity component system</li> </ul> <p></p> </div> </div> <!-- project gallery --> <div class="project-gallery horizontal phone"> <div class="project-gallery-box horizontal phone"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-3d/my-country-3d-01.jpg" data-alt="My Country 3D project picture #1" style="max-width: 1000px; max-height: 562px;" data-srcset="img\projects\my-country-3d\my-country-3d-01-375.jpg 375w,img\projects\my-country-3d\my-country-3d-01-750.jpg 750w,img\projects\my-country-3d\my-country-3d-01.jpg 1000w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-3d/my-country-3d-02.jpg" data-alt="My Country 3D project picture #2" style="max-width: 900px; max-height: 506px;" data-srcset="img\projects\my-country-3d\my-country-3d-02-375.jpg 375w,img\projects\my-country-3d\my-country-3d-02-750.jpg 750w,img\projects\my-country-3d\my-country-3d-02.jpg 900w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-3d/my-country-3d-03.jpg" data-alt="My Country 3D project picture #3" style="max-width: 1857px; max-height: 1044px;" data-srcset="img\projects\my-country-3d\my-country-3d-03-375.jpg 375w,img\projects\my-country-3d\my-country-3d-03-750.jpg 750w,img\projects\my-country-3d\my-country-3d-03-1080.jpg 1080w,img\projects\my-country-3d\my-country-3d-03.jpg 1857w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/my-country-3d/my-country-3d-04.jpg" data-alt="My Country 3D project picture #4" style="max-width: 1067px; max-height: 600px;" data-srcset="img\projects\my-country-3d\my-country-3d-04-375.jpg 375w,img\projects\my-country-3d\my-country-3d-04-750.jpg 750w,img\projects\my-country-3d\my-country-3d-04.jpg 1067w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> </div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination-hidden"></div> </div> <!-- project applications --> <!-- project technologies --> <div class="project-technologies"> <div class="technologies-title">Technologies</div> <ul class="tech-tags"> <li> <a href="https://unity3d.com/" rel="nofollow">Unity3D</a> </li> <li> <a href="" rel="nofollow">C#</a> </li> <li> <a href="http://www.oracle.com/technetwork/java/javase/overview" rel="nofollow">Java</a> </li> <li> <a href="https://jenkins.io/" rel="nofollow">Jenkins</a> </li> <li> <a href="https://www.atlassian.com/software/jira" rel="nofollow">JIRA</a> </li> </ul> </div> </article> </div> </div> <div class="timeline-entry"> <div class="timeline-date"> <time class="timeline-date-text"> Oct 2016 </time> </div> <div class="timeline-separator"></div> <div class="timeline-item"> <article class="project"> <!-- project post --> <div class="project-post"> <div class="project-title"> <a rel="nofollow" href="https://www.konsus.com/"> Konsus<i class="fas fa-link"></i> </a> </div> <div class="project-role"> Full Stack Web Developer </div> <div class="project-description"> <p> <strong>Konsus</strong> is the world's first On-Demand Freelance Business Support service, available 24/7 via chat. Konsus participated in the 2016 winter batch of <a rel="nofollow" target="_blank" href="http://www.ycombinator.com/">Y Combinator</a> and raised $1.5 million. </p> <h3>Contributions:</h3> <ul> <li>migration from NodeJS to Java Spring server</li> <li>fully functioning Java Spring server including existing and extra functionality</li> <li>an invoicing system including automatic billing and work hours tracking</li> <li>cross-device seamless authorization</li> <li>survey forms via React</li> <li>some of website components React</li> <li>user analytics via multiple platforms</li> </ul> </div> </div> <!-- project gallery --> <div class="project-gallery horizontal tablet"> <div class="project-gallery-box horizontal tablet"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/konsus/konsus-website-1.jpg" data-alt="Konsus project picture #1" style="max-width: 1536px; max-height: 2048px;" data-srcset="img\projects\konsus\konsus-website-1-375.jpg 375w,img\projects\konsus\konsus-website-1-750.jpg 750w,img\projects\konsus\konsus-website-1-1080.jpg 1080w,img\projects\konsus\konsus-website-1.jpg 1536w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/konsus/konsus-website-2.jpg" data-alt="Konsus project picture #2" style="max-width: 1536px; max-height: 2048px;" data-srcset="img\projects\konsus\konsus-website-2-375.jpg 375w,img\projects\konsus\konsus-website-2-750.jpg 750w,img\projects\konsus\konsus-website-2-1080.jpg 1080w,img\projects\konsus\konsus-website-2.jpg 1536w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/konsus/konsus-website-3.jpg" data-alt="Konsus project picture #3" style="max-width: 1536px; max-height: 2048px;" data-srcset="img\projects\konsus\konsus-website-3-375.jpg 375w,img\projects\konsus\konsus-website-3-750.jpg 750w,img\projects\konsus\konsus-website-3-1080.jpg 1080w,img\projects\konsus\konsus-website-3.jpg 1536w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> </div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination-hidden"></div> </div> <!-- project applications --> <!-- project technologies --> <div class="project-technologies"> <div class="technologies-title">Technologies</div> <ul class="tech-tags"> <li> <a href="http://www.oracle.com/technetwork/java/javase/overview" rel="nofollow">Java</a> </li> <li> <a href="https://spring.io/" rel="nofollow">Spring</a> </li> <li> <a href="http://www.ecmascript.org/" rel="nofollow">JavaScript</a> </li> <li> <a href="https://www.typescriptlang.org/" rel="nofollow">TypeScript</a> </li> <li> <a href="https://reactjs.org/" rel="nofollow">React</a> </li> <li> <a href="https://nodejs.org" rel="nofollow">NodeJS</a> </li> <li> <a href="https://webpack.js.org/" rel="nofollow">Webpack</a> </li> </ul> </div> </article> </div> </div> <div class="timeline-entry"> <div class="timeline-date"> <time class="timeline-date-text"> Sep 2013 </time> </div> <div class="timeline-separator"></div> <div class="timeline-item"> <article class="project"> <!-- project post --> <div class="project-post"> <div class="project-title"> <a rel="nofollow" href="https://www.facebook.com/HunterXZombieShooter/"> HunterX - Zombie Shooter<i class="fas fa-link"></i> </a> </div> <div class="project-role"> Developer / Co-Founder </div> <div class="project-description"> <p> Planet has gone wrong and portals have been opened to evil creatures willing to conquer the world. Main Hero - HunterX is a stylish guy who has come to save the planet and destroy all the evil creatures. 60th feet tall head demon named "Red" is leading the attack on humanity and has challenged all the mankind with clear intents to enslave the souls of mortals. </p> <ul> <li>UI powered by <a href="http://www.tasharen.com/?page_id=140">NGUI</a></li> <li>Integrations: <a rel="nofollow" target="_blank" href="http://www.giftiz.com/">Giftiz</a>, <a rel="nofollow" target="_blank" href="https://www.heyzap.com/">heyZap</a>, <a rel="nofollow" target="_blank" href="http://www.adcolony.com/">adColony</a>, <a rel="nofollow" target="_blank" href="http://www.flurry.com/">Flurry</a>, <a rel="nofollow" target="_blank" href="http://www.adbuddiz.com/">AdBuddiz</a> </li> <li>Platforms: Android, Standalone, Web Player</li> </ul> </div> </div> <!-- project gallery --> <div class="project-gallery horizontal phone"> <div class="project-gallery-box horizontal phone"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-01.jpg" data-alt="HunterX - Zombie Shooter project picture #1" style="max-width: 1024px; max-height: 576px;" data-srcset="img\projects\hunter-x\hunter-x-01-375.jpg 375w,img\projects\hunter-x\hunter-x-01-750.jpg 750w,img\projects\hunter-x\hunter-x-01.jpg 1024w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <video controls=""> <source src="img/projects/hunter-x/hunter-x-trailer.mp4" type="video/mp4"> </video> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-02.jpg" data-alt="HunterX - Zombie Shooter project picture #3" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-02-375.jpg 375w,img\projects\hunter-x\hunter-x-02-750.jpg 750w,img\projects\hunter-x\hunter-x-02-1080.jpg 1080w,img\projects\hunter-x\hunter-x-02.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-03.jpg" data-alt="HunterX - Zombie Shooter project picture #4" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-03-375.jpg 375w,img\projects\hunter-x\hunter-x-03-750.jpg 750w,img\projects\hunter-x\hunter-x-03-1080.jpg 1080w,img\projects\hunter-x\hunter-x-03.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-04.jpg" data-alt="HunterX - Zombie Shooter project picture #5" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-04-375.jpg 375w,img\projects\hunter-x\hunter-x-04-750.jpg 750w,img\projects\hunter-x\hunter-x-04-1080.jpg 1080w,img\projects\hunter-x\hunter-x-04.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-05.jpg" data-alt="HunterX - Zombie Shooter project picture #6" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-05-375.jpg 375w,img\projects\hunter-x\hunter-x-05-750.jpg 750w,img\projects\hunter-x\hunter-x-05-1080.jpg 1080w,img\projects\hunter-x\hunter-x-05.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-06.jpg" data-alt="HunterX - Zombie Shooter project picture #7" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-06-375.jpg 375w,img\projects\hunter-x\hunter-x-06-750.jpg 750w,img\projects\hunter-x\hunter-x-06-1080.jpg 1080w,img\projects\hunter-x\hunter-x-06.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-07.jpg" data-alt="HunterX - Zombie Shooter project picture #8" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-07-375.jpg 375w,img\projects\hunter-x\hunter-x-07-750.jpg 750w,img\projects\hunter-x\hunter-x-07-1080.jpg 1080w,img\projects\hunter-x\hunter-x-07.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-08.jpg" data-alt="HunterX - Zombie Shooter project picture #9" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-08-375.jpg 375w,img\projects\hunter-x\hunter-x-08-750.jpg 750w,img\projects\hunter-x\hunter-x-08-1080.jpg 1080w,img\projects\hunter-x\hunter-x-08.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> <div class="swiper-slide"> <img class="swiper-lazy" data-src="img/projects/hunter-x/hunter-x-09.jpg" data-alt="HunterX - Zombie Shooter project picture #10" style="max-width: 1280px; max-height: 720px;" data-srcset="img\projects\hunter-x\hunter-x-09-375.jpg 375w,img\projects\hunter-x\hunter-x-09-750.jpg 750w,img\projects\hunter-x\hunter-x-09-1080.jpg 1080w,img\projects\hunter-x\hunter-x-09.jpg 1280w"> <div class="lazy-preloader"> <div class="lazy-preloader-scale"> <div class="image-loader"></div> </div> <div>loading</div> </div> </div> </div> <div class="swiper-navigation"> <div class="swiper-button swiper-button-prev swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-left"></use> </svg> </div> <div class="swiper-button swiper-button-next swiper-button-hidden"> <svg class="swiper-button-icon"> <use xlink:href="#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination-hidden"></div> </div> <!-- project applications --> <div class="project-stores"> <a class="store.type" href="https://apkpure.com/hunterx-zombie-shooter/com.TSGStudio.HunterX"> <img src="img/badges/google-play-badge.svg" alt="google-play app link"> </a> </div> <!-- project technologies --> <div class="project-technologies"> <div class="technologies-title">Technologies</div> <ul class="tech-tags"> <li> <a href="https://unity3d.com/" rel="nofollow">Unity3D</a> </li> <li> <a href="" rel="nofollow">C#</a> </li> </ul> </div> </article> </div> </div> </div> </section> </main> <!-- content after primary body --><svg xmlns="http://www.w3.org/2000/svg"> <symbol id="arrow-left" viewBox="0 0 444.531 444.531"> <path d="M213.13 222.409L351.88 83.653c7.05-7.043 10.567-15.657 10.567-25.841 0-10.183-3.518-18.793-10.567-25.835l-21.409-21.416C323.432 3.521 314.817 0 304.637 0s-18.791 3.521-25.841 10.561L92.649 196.425c-7.044 7.043-10.566 15.656-10.566 25.841s3.521 18.791 10.566 25.837l186.146 185.864c7.05 7.043 15.66 10.564 25.841 10.564s18.795-3.521 25.834-10.564l21.409-21.412c7.05-7.039 10.567-15.604 10.567-25.697 0-10.085-3.518-18.746-10.567-25.978L213.13 222.409z"></path> </symbol> <symbol id="arrow-right" viewBox="0 0 444.819 444.819"> <path d="M352.025 196.712L165.884 10.848C159.029 3.615 150.469 0 140.187 0s-18.842 3.619-25.697 10.848L92.792 32.264c-7.044 7.043-10.566 15.604-10.566 25.692 0 9.897 3.521 18.56 10.566 25.981L231.545 222.41 92.786 361.168c-7.042 7.043-10.564 15.604-10.564 25.693 0 9.896 3.521 18.562 10.564 25.98l21.7 21.413c7.043 7.043 15.612 10.564 25.697 10.564 10.089 0 18.656-3.521 25.697-10.564L352.025 248.39c7.046-7.423 10.571-16.084 10.571-25.981.001-10.088-3.525-18.654-10.571-25.697z"></path> </symbol> <symbol id="icon-x" viewBox="0 0 339.177 339.177"> <path d="M247.244 169.59l83.938-83.938c5.332-5.327 7.994-11.798 7.994-19.414 0-7.614-2.669-14.084-7.994-19.414L292.355 7.993C287.026 2.665 280.556 0 272.944 0c-7.617 0-14.085 2.665-19.417 7.993L169.59 91.931 85.651 7.993C80.325 2.665 73.854 0 66.237 0c-7.611 0-14.083 2.665-19.414 7.993L7.994 46.824C2.667 52.15 0 58.624 0 66.238c0 7.616 2.664 14.084 7.994 19.414l83.937 83.938-83.937 83.938C2.667 258.859 0 265.327 0 272.945c0 7.61 2.664 14.082 7.994 19.41l38.83 38.828c5.33 5.332 11.803 7.994 19.414 7.994 7.616 0 14.084-2.669 19.414-7.994l83.939-83.938 83.944 83.938c5.328 5.332 11.793 7.994 19.417 7.994 7.611 0 14.082-2.669 19.411-7.994l38.82-38.828c5.332-5.324 7.994-11.8 7.994-19.41 0-7.618-2.662-14.086-7.994-19.417l-83.939-83.938z"></path> </symbol> </svg> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.0/js/swiper.js"></script> <script src="js/post-body.js"></script> </body></html>