my old website. just for archival purposes
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

774 lines
42 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>rogs</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<script src="https://kit.fontawesome.com/0460fae059.js" crossorigin="anonymous"></script>
<!-- Custom styles for this template -->
<link href="css/resume.min.css" rel="stylesheet">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.rogs.me/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Roger González</span>
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/profile.png" alt="">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://blog.rogs.me">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#certifications">Certifications</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="about">
<div class="w-100">
<h1 class="mb-4">Roger
<span class="text-primary">González</span>
</h1>
<div class="subheading mb-5">Montevideo, Uruguay
<a href="mailto:[email protected]">[email protected]</a>
</div>
<p class="lead mb-5">Hello world! I'm a Full-Stack web developer from Valencia, Venezuela, but now living in <a href="https://www.openstreetmap.org/relation/2929054" target="_blank">Montevideo, Uruguay</a>.</p>
<p class="lead mb-5">I have experience in both front-end and back-end, and DevOps. New technologies fuel my desire to learn more and more each day. I try to keep my code as clean as possible, following established standards for the technology I'm using at the moment.</p>
<p class="lead mb-5">I <strong class="text-primary">love</strong> Open Source projects. Knowledge should be available to everyone who wants it</p>
<p class="lead mb-5">You can check my resume in a more traditional format here: <a href="https://cloud.rogs.me/s/7Gyc9KmC7pxcmmG" target="_blank">English</a> | <a href="https://cloud.rogs.me/s/4zHoy4Nd3SNgNKQ" target="_blank">Spanish</a></p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/rogergonzalez21/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://git.rogs.me" target="_blank">
<i class="fab fa-git"></i>
</a>
<a href="https://twitter.com/rogergonzalez21" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="https://blog.rogs.me" target="_blank">
<i class="fas fa-ghost"></i>
</a>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience">
<div class="w-100">
<h2 class="mb-5">Experience</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Senior Backend Developer</h3>
<div class="subheading mb-3"><a href="https://massive.ag" target="_blank">Massive</a></div>
<p>I'm currently working for Massive since April 2019. On my time in Massive, I have been on one big project for Coca-Cola Mexico, called Tus Tapas Valen. "Tus Tapas Valen" is an application that will allow clients to participate in promotions and auctions, and win prizes. First I worked FrontEnd with ReactJS, Redux and redux-observable, but now I'm working in the Backend. I had to plan a big refactor while still working on new Backend functionalities. The Backend is built using Python, Django, PostgreSQL, AWS, and AWS S3</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">April 2019 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Backend Developer</h3>
<div class="subheading mb-3"><a href="https://vascarsolutions.com" target="_blank">Vascar Solutions</a></div>
<p>On my time in Vascar Solutions, I have been in many projects, most recently on Knac and Axelerist. "Knac" is a job application startup, empathizing on assessments to recommend candidates to a specific job. I worked on the backend with NodeJS, Express, MongoDB, Mocha, CircleCI, Heroku and AWS. "Axelerist" is a web app that connects to an external API and displays the client’s inventory in a more friendly and ergonomic way. I worked on the backend, managing the API connection, working on an API wrapper and user management. The app was made with NodeJS, Express, MongoDB, Mocha, CircleCI, Heroku and AWS.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">December 2016 - June 2019</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Backend Developer</h3>
<div class="subheading mb-3"><a href="http://cleteci.com/" target="_blank">Cleteci</a></div>
<p>When I worked in Cleteci, I was in two proyects, Phoebe and Alanna. Phoebe is a photography management system that allows to track, sell and manage printing states from within the app. In this project, I worked Full-Stack with Django, jQuery and PostgreSQL. Alanna is a Travel startup, that aims to ease the travel agents work, so they can deliver a high quality service. In Alanna I met Ruby on Rails and Angular.js.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">Jan 2016 - Dec 2016</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="education">
<div class="w-100">
<h2 class="mb-5">Education</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Univesidad Tecnológica del Centro (UNITEC)</h3>
<div class="subheading mb-3">Engineering</div>
<div>Information Engineer</div>
<ul>
<li>Internship: Database system for Amcor Rigid Plastics de Venezuela</li>
<li>Specializations: <strong class="text-primary">1.</strong> Web development, <strong class="text-primary">2.</strong> Automatization & <strong class="text-primary">3.</strong> Linux administration</li>
<li>University groups: <strong class="text-primary">1.</strong> TecnoYucas, <strong class="text-primary">2.</strong> Centro de Investigación y Tecnología (CIT), <strong class="text-primary">3.</strong> Centro de Tecnología y Robótica (CTR)</li>
</ul>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">September 2010 - December 2015</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="projects">
<div class="w-100">
<h2 class="mb-5">Projects</h2>
<div class="container">
<div class="row text-center">
<div class="col-sm hand" data-toggle="modal" data-target="#coca-modal">
<div class="thumbnail">
<img src="img/projects/cocacola-intro.jpg" alt="Coca-Cola" style="height:150px">
<h3>Tus Tapas Valen</h3>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="coca-modal" tabindex="-1" role="dialog" aria-labelledby="coca-modal" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="staticBackdropLabel">Tus Tapas Valen - April 2019</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="carouselCocaColaIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselCocaColaIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselCocaColaIndicators" data-slide-to="1"></li>
<li data-target="#carouselCocaColaIndicators" data-slide-to="2"></li>
<li data-target="#carouselCocaColaIndicators" data-slide-to="3"></li>
<li data-target="#carouselCocaColaIndicators" data-slide-to="4"></li>
<li data-target="#carouselCocaColaIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/projects/cocacola-01.jpg" class="d-block w-100" alt="coca1">
</div>
<div class="carousel-item">
<img src="img/projects/cocacola-02.jpg" class="d-block w-100" alt="coca2">
</div>
<div class="carousel-item">
<img src="img/projects/cocacola-03.jpg" class="d-block w-100" alt="coca3">
</div>
<div class="carousel-item">
<img src="img/projects/cocacola-04.jpg" class="d-block w-100" alt="coca4">
</div>
<div class="carousel-item">
<img src="img/projects/cocacola-05.jpg" class="d-block w-100" alt="coca5">
</div>
<div class="carousel-item">
<img src="img/projects/cocacola-06.jpg" class="d-block w-100" alt="coca6">
</div>
</div>
<a class="carousel-control-prev" href="#carouselCocaColaIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselCocaColaIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h3>About the Project</h3>
<p class="text-justify">"Tus Tapas Valen" is an application that will allow clients to participate in promotions and auctions, and win prizes. We are expecting 5 million users for January 2020. First I worked FrontEnd with ReactJS, Redux and redux-observable, but now I'm working in the Backend. I had to plan a big refactor while still working on new Backend functionalities. The Backend is built using Python, Django, PostgreSQL, AWS, and AWS S3</p>
<h3>What I did</h3>
<h4>FrontEnd</h4>
<ul>
<li>Part of the development team using ReactJS</li>
</ul>
<h4>Backend</h4>
<ul>
<li>Refactoring planning</li>
<li>New database design</li>
<li>Complete backend development</li>
<li>CI setup</li>
<li>AWS EC2 servers setup</li>
<li>Parsed and imported 476 million records in a RDS</li>
<li>Various DB optimizations</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="col-sm hand" data-toggle="modal" data-target="#axelerist-modal">
<div class="thumbnail">
<img src="img/projects/axelerist-intro.jpg" alt="Axelerist" style="height:150px">
<h3>Axelerist</h3>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="axelerist-modal" tabindex="-1" role="dialog" aria-labelledby="coca-modal" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="staticBackdropLabel">Axelerist Jun 2018 - Oct 2018</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="carouselAxeleristIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselAxeleristIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselAxeleristIndicators" data-slide-to="1"></li>
<li data-target="#carouselAxeleristIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/projects/axelerist-01.jpg" class="d-block w-100" alt="axelerist1">
</div>
<div class="carousel-item">
<img src="img/projects/axelerist-02.jpg" class="d-block w-100" alt="axelerist2">
</div>
<div class="carousel-item">
<img src="img/projects/axelerist-03.jpg" class="d-block w-100" alt="axelerist3">
</div>
</div>
<a class="carousel-control-prev" href="#carouselAxeleristIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselAxeleristIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h3>About the Project</h3>
<p class="text-justify">Axelerist is a web app that connects to an external API and displays the client’s inventory in a more friendly and ergonomic way. I worked on the backend, managing the API connection, working on an API wrapper and user management.
</p>
<h3>What I did</h3>
<h4>Backend</h4>
<ul>
<li>Team leader</li>
<li>Database design</li>
<li>Backend REST design</li>
<li>Complete Backend development</li>
<li>Regular meetings with the client</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="col-sm hand" data-toggle="modal" data-target="#knac-modal">
<div class="thumbnail">
<img src="img/projects/knac-intro.jpg" alt="Knac" style="height:150px">
<h3>Knac</h3>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="knac-modal" tabindex="-1" role="dialog" aria-labelledby="knac-modal" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="staticBackdropLabel">KNAC Feb 2018 - April 2019</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="carouselKnacIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselKnacIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselKnacIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/projects/knac-01.jpg" class="d-block w-100" alt="knac1">
</div>
<div class="carousel-item">
<img src="img/projects/knac-02.jpg" class="d-block w-100" alt="knac2">
</div>
</div>
<a class="carousel-control-prev" href="#carouselKnacIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselKnacIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h3>About the Project</h3>
<p class="text-justify">Knac is a job application startup, empathizing on assessments to recommend candidates to a specific job.
</p>
<h3>What I did</h3>
<h4>Backend</h4>
<ul>
<li>Team leader</li>
<li>Servers setup (Linux, NGINX)</li>
<li>Database design</li>
<li>Backend REST design</li>
<li>Complete Backend development</li>
<li>Regular meetings with the client</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-sm hand" data-toggle="modal" data-target="#projections-modal">
<div class="thumbnail">
<img src="img/projects/projections-intro.jpg" alt="Projections" style="height:150px">
<h3>Projections</h3>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="projections-modal" tabindex="-1" role="dialog" aria-labelledby="projections-modal" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="staticBackdropLabel">Projections.io Feb 2017 - Nov 2017</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="carouselProjectionsIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselProjectionsIndicators" data-slide-to="0" class="active"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/projects/projections-01.jpg" class="d-block w-100" alt="projections">
</div>
</div>
<a class="carousel-control-prev" href="#carouselProjectionsIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselProjectionsIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h3>About the Project</h3>
<p class="text-justify">Projections.io is an iOS app that allows the user to control content directly on their TVs, capture clips, edit them and share them on his social networks.</p>
<h3>What I did</h3>
<h4>Backend</h4>
<ul>
<li>Development lead.</li>
<li>Development of a REST API in Flask</li>
<li>Developed an API Scrapper to load all the movies/shows to a database.</li>
<li>Firebase implementation (Auth + Database).</li>
<li>Setup and deployment on AWS.</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="col-sm hand" data-toggle="modal" data-target="#febeca-modal">
<div class="thumbnail">
<img src="img/projects/febeca-beval-sillaca-intro.jpg" alt="Febeca" style="height:150px">
<h3>Febeca, Beval & Sillaca</h3>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="febeca-modal" tabindex="-1" role="dialog" aria-labelledby="febeca-modal" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="staticBackdropLabel">FebecaBot & BevalBot August 2016</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="carouselFebecaIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselFebecaIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselFebecaIndicators" data-slide-to="1"></li>
<li data-target="#carouselFebecaIndicators" data-slide-to="2"></li>
<li data-target="#carouselFebecaIndicators" data-slide-to="3"></li>
<li data-target="#carouselFebecaIndicators" data-slide-to="4"></li>
<li data-target="#carouselFebecaIndicators" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/projects/febeca-00.jpg" class="d-block w-100" alt="febeca1">
</div>
<div class="carousel-item">
<img src="img/projects/febeca-01.jpg" class="d-block w-100" alt="febeca2">
</div>
<div class="carousel-item">
<img src="img/projects/febeca-02.jpg" class="d-block w-100" alt="febeca2">
</div>
<div class="carousel-item">
<img src="img/projects/febeca-03.jpg" class="d-block w-100" alt="febeca2">
</div>
<div class="carousel-item">
<img src="img/projects/febeca-04.jpg" class="d-block w-100" alt="febeca2">
</div>
<div class="carousel-item">
<img src="img/projects/febeca-05.jpg" class="d-block w-100" alt="febeca2">
</div>
</div>
<a class="carousel-control-prev" href="#carouselFebecaIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselFebecaIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h3>About the Project</h3>
<p class="text-justify">This Telegram Bots act as helpers for the companies salesforce. A salesman sends a product code to the bot and it returns the image for said product. Theese bots are currently working and deployed to a company virtual server with OpenSuse.</p>
<h3>What I did</h3>
<h4>Backend</h4>
<ul>
<li>Design of the bot. Commands and functions.</li>
<li>Configuration and deployment to the OpenSuse environment.</li>
<li>Documentation.</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="col-sm hand" data-toggle="modal" data-target="#alanna-modal">
<div class="thumbnail">
<img src="img/projects/alanna-intro.jpg" alt="Alanna" style="height:150px">
<h3>Alanna</h3>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="alanna-modal" tabindex="-1" role="dialog" aria-labelledby="alanna-modal" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="staticBackdropLabel">Alanna April 2016 - December 2016</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div id="carouselAlannaIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselAlannaIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselAlannaIndicators" data-slide-to="1"></li>
<li data-target="#carouselAlannaIndicators" data-slide-to="2"></li>
<li data-target="#carouselAlannaIndicators" data-slide-to="3"></li>
<li data-target="#carouselAlannaIndicators" data-slide-to="4"></li>
<li data-target="#carouselAlannaIndicators" data-slide-to="5"></li>
<li data-target="#carouselAlannaIndicators" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/projects/alanna-00.jpg" class="d-block w-100" alt="alanna1">
</div>
<div class="carousel-item">
<img src="img/projects/alanna-01.jpg" class="d-block w-100" alt="alanna2">
</div>
<div class="carousel-item">
<img src="img/projects/alanna-02.jpg" class="d-block w-100" alt="alanna2">
</div>
<div class="carousel-item">
<img src="img/projects/alanna-03.jpg" class="d-block w-100" alt="alanna2">
</div>
<div class="carousel-item">
<img src="img/projects/alanna-04.jpg" class="d-block w-100" alt="alanna2">
</div>
<div class="carousel-item">
<img src="img/projects/alanna-05.jpg" class="d-block w-100" alt="alanna2">
</div>
<div class="carousel-item">
<img src="img/projects/alanna-06.jpg" class="d-block w-100" alt="alanna2">
</div>
</div>
<a class="carousel-control-prev" href="#carouselAlannaIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselAlannaIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h3>About the Project</h3>
<p class="text-justify">Alanna is a tourism startup that looks to ease the work of travel agents around the world. The idea, is that you can access all the information of your agency wherever you are and whenever you need. You can check the information of your clients, previous travels, interests and likes.</p>
<p class="text-justify">Plus, you can create new travels with a lot of dedicated services and share the travel and itinerary information of the clients without leaving the platform.</p>
<p class="text-justify">Also, your clients can access and help you to set the information (like Visas & Passports. This is also working in mobile devices in Beta Testing.</p>
<h3>What I did</h3>
<h4>Frontend</h4>
<ul>
<li>A Web Application for the agents, built with AngularJS.</li>
<li>A second Web Application for the clients, built with AngularJS, where the client can check his data and modify it, or directly comunicate with his travel agent.</li>
</ul>
<h4>Backend</h4>
<ul>
<li>REST API built in Ruby on Rails: Auth & permissions with Devise, Devise token auth & Cancan.</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-6 d-flex align-items-center" id="skills">
<div class="w-100">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<img class="tools" src="img/tools/python.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/js.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/bash.png"/>
</li>
</ul>
<div class="subheading mb-3">FrontEnd</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<img class="tools" src="img/tools/html5.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/css3.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/bootstrap.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/react.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/sass.png"/>
</li>
</ul>
<div class="subheading mb-3">BackEnd</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<img class="tools" src="img/tools/django.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/drf.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/nodejs.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/express.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/flask.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/mysql.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/postgresql.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/mongodb.png"/>
</li>
</ul>
<div class="subheading mb-3">Servers Infrastructure</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<img class="tools" src="img/tools/aws.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/digitalocean.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/linode.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/docker.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/heroku.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/nginx.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/apache.png"/>
</li>
</ul>
<div class="subheading mb-3">Others</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<img class="tools" src="img/tools/linux.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/emacs.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/git.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/scrum.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/circleci.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/mocha.png"/>
</li>
<li class="list-inline-item">
<img class="tools" src="img/tools/eslint.png"/>
</li>
</ul>
<div class="subheading mb-3">Workflow</div>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-check"></i>
REST API design
</li>
<li>
<i class="fa-li fa fa-check"></i>
Follow the <a href="https://12factor.net/" target="_blank">"Twelve factor app"</a>
</li>
<li>
<i class="fa-li fa fa-check"></i>
Cross Functional Teams
</li>
<li>
<i class="fa-li fa fa-check"></i>
Agile Development &amp; Scrum
</li>
</ul>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="certifications">
<div class="w-100">
<h2 class="mb-5">Certifications</h2>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
English Course with practice & lesson sections, full English environment - <strong><a href="http://www.berlitz.com.ve/" target="_blank">Berlitz English</a></strong>
</li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
Build a Backend REST API with Python & Django - Advanced - <strong><a href="https://www.udemy.com/certificate/UC-A1CXJVDP/" target="_blank">Udemy</a></strong>
</li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
Build a Backend REST API with Python & Django - Beginner - <strong><a href="https://www.udemy.com/certificate/UC-SNTLVIV0/" target="_blank">Udemy</a></strong>
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/resume.min.js"></script>
</body>
</html>