
<!DOCTYPE html>
<html lang="en">

<head>
	<meta name="generator" content="Hugo 0.104.3" />

    <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>

<script>
    (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
            'gtm.start': new Date().getTime(),
            event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
            'https://www.googletagmanager.com/gtm.js?id=GTM-000000' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-000000');
</script>


<title>Miguel Ignacio Costa - Home</title>
<link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png">
<link rel="manifest" href="img/icons/site.webmanifest">
<style>
     
    .rad-fade-in {
        will-change: opacity, transform;
        animation-name: rad-fade-in-fallback;
        animation-duration: 5s;
        animation-fill-mode: both;
    }

    @keyframes rad-fade-in-fallback {
        0% {
            opacity: 0;
        }

        75% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .fonts-loaded .rad-fade-in.rad-waiting {
        animation-name: none;
        opacity: 0;
    }

    .fonts-loaded .rad-fade-in.rad-animate {
        animation-name: rad-fade-in;
        animation-duration: 1.1s;
        animation-fill-mode: both;
    }

    @keyframes rad-fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

     
    .rad-fade-in-long {
        will-change: opacity, transform;
        animation-name: rad-fade-in-long-fallback;
        animation-duration: 8s;
        animation-fill-mode: both;
    }

    @keyframes rad-fade-in-long-fallback {
        0% {
            opacity: 0;
        }

        75% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .fonts-loaded .rad-fade-in-long.rad-waiting {
        animation-name: none;
        opacity: 0;
    }

    .fonts-loaded .rad-fade-in-long.rad-animate {
        animation-name: rad-fade-in-long;
        animation-duration: 2s;
        animation-fill-mode: both;
    }

    @keyframes rad-fade-in-long {
        0% {
            opacity: 0;
        }

        20% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

     
    .rad-fade-down {
        will-change: opacity, transform;
        animation-name: rad-fade-down-fallback;
        animation-duration: 5s;
        animation-fill-mode: both;
        transform: translateY(-30px);
    }

    @keyframes rad-fade-down-fallback {
        0% {
            opacity: 0;
            transform: translateY(-30px);
        }

        75% {
            opacity: 0;
            transform: translateY(-30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .fonts-loaded .rad-fade-down.rad-waiting {
        animation-name: none;
        opacity: 0;
        transform: translateY(-30px);
    }

    .fonts-loaded .rad-fade-down.rad-animate {
        animation-name: rad-fade-down;
        animation-duration: 1.1s;
    }

    @keyframes rad-fade-down {
        0% {
            opacity: 0;
            transform: translateY(-30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

     
    .rad-scale-down {
        will-change: opacity, transform;
        animation-name: rad-scale-down-fallback;
        animation-duration: 5s;
        animation-fill-mode: both;
        transform-origin: 50% 0;
    }

    @keyframes rad-scale-down-fallback {
        0% {
            opacity: 0;
            transform: scaleY(0.95);
        }

        75% {
            opacity: 0;
            transform: scaleY(0.95);
        }

        100% {
            opacity: 1;
            transform: scaleY(1);
        }
    }

    .fonts-loaded .rad-scale-down.rad-waiting {
        animation-name: none;
        opacity: 0;
        transform: scaleY(0.95);
    }

    .fonts-loaded .rad-scale-down.rad-animate {
        animation-name: rad-scale-down;
        animation-duration: 1.1s;
        animation-fill-mode: both;
    }

    @keyframes rad-scale-down {
        0% {
            opacity: 0;
            transform: scaleY(0.95);
        }

        100% {
            opacity: 1;
            transform: scaleY(1);
        }
    }
</style>


<link rel="stylesheet" href="https://imcosta.dev/css/main.css"/>

<link rel="stylesheet" href="https://imcosta.dev/css/rad-icons.css"/>

<link rel="stylesheet" href="https://imcosta.dev/css/custom.css"/>


    


</head>

<body>

	<header class="header fixed-top rad-animation-group" id="header">
  <div class="container rad-fade-in">
    <nav class="navbar navbar-expand-lg navbar-light p-0">
      <a class="navbar-brand" href="https://imcosta.dev/">
        
        <img
          class="img-responsive"
          src="img/general/imcosta-logo.png"
          alt="Header Logo"
          style="max-height: 60px"
        />
      </a>
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarSupportedContent, #header"
        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 ml-lg-auto">
          <li class="nav-item">
            <a class="nav-link" href="https://imcosta.dev/">HOME</a>
          </li>
          
          <li class="nav-item">
            <a data-scroll class="nav-link" href="#about"
              >ABOUT</a
            >
          </li>
          
          <li class="nav-item">
            <a data-scroll class="nav-link" href="#portfolio"
              >WORKS</a
            >
          </li>
          
          <li class="nav-item">
            <a data-scroll class="nav-link" href="#experience"
              >EXPERIENCE</a
            >
          </li>
          
          <li class="nav-item">
            <a data-scroll class="nav-link" href="#contact"
              >CONTACT</a
            >
          </li>
          
        </ul>
      </div>
    </nav>
  </div>
</header>


	
	
<section class="rad-showcase rad-showcase--index rad-animation-group rad-fade-down">
  <div class="rad-showcase__bg">
    <img
      class="lozad img-responsive"
      src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
      data-src="https://imcosta.dev/img/showcase/showcase.png"
      data-srcset="https://imcosta.dev/img/showcase/showcase.png 1x, https://imcosta.dev/img/showcase/showcase@2x.png 2x"
      alt=""
    />
  </div>
  <div class="container">
    <div class="row">
      <div class="col-12 col-sm-12 col-md-8 col-lg-7 col-xl-6">
        <h1 class="display-1">
          Hello, I’m Miguel.
          <br />
          <span
            >Software Engineer</span
          >
        </h1>
        <p class="lead">
          Highly-skilled Software Engineer focused on scalable solutions.<br/><br/>I have more than 10 years of experience developing innovative applications for a wide range of companies.
        </p>
        <a
          href="https://imcosta.dev/Miguel%20Ignacio%20Costa.pdf"
          class="btn btn-primary"
          target="_blank"
        >
          <i class="icon-profile-fill"></i>
          Download My Resume
        </a>
      </div>
    </div>
    <div class="row platform-links">
      <div class="col-12">
        
      </div>
    </div>
  </div>
  <div class="rad-showcase__bg rad-showcase__bg--mobile">
    <img
      class="lozad img-responsive"
      src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
      data-src="https://imcosta.dev/img/showcase/showcase-mobile.jpg"
      alt=""
    />
  </div>
</section>


	
	
<section class="section rad-animation-group pb-0" id="about">
  <div class="container rad-fade-down">
    <div class="row d-flex flex-column-reverse flex-md-row">
      <div class="about__profile-picture col-12 col-md-6">
        <img
          class="lozad img-responsive image-left-overflow"
          src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
          data-src="https://imcosta.dev/img/who-am-i/profile.png"
          data-srcset="https://imcosta.dev/img/who-am-i/profile.png 1x, https://imcosta.dev/img/who-am-i/profile.png 2x"
          alt="Profile Picture"
        />
      </div>
      <div class="col-12 col-md-6 my-auto my-auto">
        <h2>Who am I?</h2>
        <p class="lead">
          <p class="lead"> I am passionate about technology, especially development. It all started when I was a child and now tech is a mindset. Learning new things is just a habit that I’m willing to commit to on a daily basis. </p> <p class="lead"> I have experience working with different stacks and industries and I am always eager to face new challenges. </p>
        </p>
        <a
          href="https://www.linkedin.com/in/imcosta/"
          target="_blank"
          class="btn btn-primary"
        >
          <i class="icon-linkedin-fill"></i>
          LinkedIn
        </a>
      </div>
    </div>
  </div>
</section>

<section id="skills" class="section section--border-bottom skills-section">
  <div class="container">
    
    <div class="row row--padded rad-animation-group rad-fade-down">
      <div class="col-12">
        <div class="clients">
          
          <div class="clients__item">
            <a href="https://go.dev/" target="_blank">
              <img
                class="lozad img-responsive img-skills"
                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
                data-src="https://imcosta.dev/img/skills/golang.png"
                data-srcset="https://imcosta.dev/img/skills/golang.png 1x, https://imcosta.dev/img/skills/golang.png 2x"
                alt="Go"
              />
            </a>
          </div>
          
          <div class="clients__item">
            <a href="https://nodejs.org" target="_blank">
              <img
                class="lozad img-responsive img-skills"
                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
                data-src="https://imcosta.dev/img/skills/node.png"
                data-srcset="https://imcosta.dev/img/skills/node.png 1x, https://imcosta.dev/img/skills/node.png 2x"
                alt="Node.Js"
              />
            </a>
          </div>
          
          <div class="clients__item">
            <a href="https://www.mysql.com/" target="_blank">
              <img
                class="lozad img-responsive img-skills"
                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
                data-src="https://imcosta.dev/img/skills/mysql.png"
                data-srcset="https://imcosta.dev/img/skills/mysql.png 1x, https://imcosta.dev/img/skills/mysql.png 2x"
                alt="MySQL"
              />
            </a>
          </div>
          
          <div class="clients__item">
            <a href="https://www.postgresql.org/" target="_blank">
              <img
                class="lozad img-responsive img-skills"
                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
                data-src="https://imcosta.dev/img/skills/postgresql.png"
                data-srcset="https://imcosta.dev/img/skills/postgresql.png 1x, https://imcosta.dev/img/skills/postgresql.png 2x"
                alt="PostgreSQL"
              />
            </a>
          </div>
          
          <div class="clients__item">
            <a href="https://www.mongodb.com" target="_blank">
              <img
                class="lozad img-responsive img-skills"
                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
                data-src="https://imcosta.dev/img/skills/mongodb.png"
                data-srcset="https://imcosta.dev/img/skills/mongodb.png 1x, https://imcosta.dev/img/skills/mongodb.png 2x"
                alt="MongoDB"
              />
            </a>
          </div>
          
          <div class="clients__item">
            <a href="https://aws.amazon.com" target="_blank">
              <img
                class="lozad img-responsive img-skills"
                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
                data-src="https://imcosta.dev/img/skills/aws.png"
                data-srcset="https://imcosta.dev/img/skills/aws.png 1x, https://imcosta.dev/img/skills/aws.png 2x"
                alt="AWS"
              />
            </a>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</section>


	
	
<section id="portfolio" class="section section--border-bottom">
  <div class="container">
    <h2 class=" rad-animation-group rad-fade-down">
      What have I worked on?
    </h2>
    
    <div
      class="row row--padded rad-animation-group rad-fade-down flex-column-reverse flex-md-row"
    >
      
      <div class="col-12 col-md-5 mt-4 mt-md-0 my-md-auto">
        <h3>ArQuants Platform</h3>
        <p class="lead">
          ArQuants is an algorithm trading solution created by TradeSpark. I was in charge of developing efficient and resilient connectors with stock markets and working closely with the trading team to improve their SDK.
        </p>
        <a href="https://arquants.trading/" class="btn btn-primary"
          >Website<i class="icon-arrow-right"></i
        ></a>
      </div>
      <div class="col-12 col-md-7 pl-md-0 text-right">
        <img
          class='lozad img-responsive img-clip-left-backward'
          src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
          data-src="https://imcosta.dev/img/works/arquants2.webp"
          data-srcset="https://imcosta.dev/img/works/arquants2.webp 1x, https://imcosta.dev/img/works/arquants2.webp 2x"
          alt="ArQuants Platform"
        />
      </div>
      
    </div>
    
    <div
      class="row row--padded rad-animation-group rad-fade-down "
    >
      
      <div class="col-12 col-md-7 pl-md-0">
        <img
          class='lozad img-responsive img-clip-right-backward'
          src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
          data-src="https://imcosta.dev/img/works/agtech.jpg"
          data-srcset="https://imcosta.dev/img/works/agtech.jpg 1x, https://imcosta.dev/img/works/agtech.jpg 2x"
          alt="Agree"
        />
      </div>
      <div class="col-12 col-md-5 mt-4 mt-md-0 my-md-auto">
        <h3>Agree</h3>
        <p class="lead">
          Agree provides financing for the agricultural industry using the latest technologies. There, I collaborated with a cross-functional team in order to create their first financing platform.
        </p>
        <a href="https://agree.ag" class="btn btn-primary"
          >Website<i class="icon-arrow-right"></i
        ></a>
      </div>
      
    </div>
    
    <div
      class="row row--padded rad-animation-group rad-fade-down flex-column-reverse flex-md-row"
    >
      
      <div class="col-12 col-md-5 mt-4 mt-md-0 my-md-auto">
        <h3>Live Trains</h3>
        <p class="lead">
          I was responsible for building a high-scalable solution to provide real-time information about arrivals, departures and train positions to the passengers' mobile phones and more than 600 displays in stations. <br/><br/>I've also collaborated with Google Argentina in order to provide them with standardized data using GTFS.
        </p>
        <a href="https://www.argentina.gob.ar/transporte/trenes" class="btn btn-primary"
          >Website<i class="icon-arrow-right"></i
        ></a>
      </div>
      <div class="col-12 col-md-7 pl-md-0 text-right">
        <img
          class='lozad img-responsive img-clip-left-forward'
          src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
          data-src="https://imcosta.dev/img/works/cartel4.jpg"
          data-srcset="https://imcosta.dev/img/works/cartel4.jpg 1x, https://imcosta.dev/img/works/cartel4.jpg 2x"
          alt="Live Trains"
        />
      </div>
      
    </div>
    
  </div>
</section>


	
	
<section id="experience" class="section section--border-bottom rad-animation-group">
    <div class="container">
        <div class="row flex-column-reverse flex-md-row rad-fade-down">
            <div class="col-12 col-sm-6 mt-5 mt-sm-0">
                
                <div class="experience">
                    <div class="experience__date">Nov 2021 - Present</div>
                    <div class="experience__title">Backend Software Engineer</div>
                    <div class="experience__company">TradeSpark</div>
                </div>
                
                <div class="experience">
                    <div class="experience__date">Jul 2020 - May 2021</div>
                    <div class="experience__title">Full Stack Software Developer</div>
                    <div class="experience__company">Agree</div>
                </div>
                
                <div class="experience">
                    <div class="experience__date">May 2015 - Jul 2020</div>
                    <div class="experience__title">Analyst &amp; Developer</div>
                    <div class="experience__company">Trenes Argentinos</div>
                </div>
                
            </div>
            <div class="col-12 col-sm-6">
                <h2>Experience</h2>
                <p class="lead">
                    Over 10&#43; years of experience designing, coding, testing and implementing applications. I design &amp; develop innovatives solutions to help businesses and improve people&#39;s lives.
                </p>
                <a href="https://www.linkedin.com/in/imcosta/" class="btn btn-primary"
                   target="_blank">
                    <i class="icon-linkedin-fill"></i>
                    LinkedIn
                    <i class="icon-arrow-right"></i></a>
                <a href="https://imcosta.dev/Miguel%20Ignacio%20Costa.pdf" class="btn btn-frameless"
                   target="_blank">
                    <i class="icon-profile-fill"></i>
                    Download My Resume
                </a>
            </div>
        </div>
    </div>
</section>


	
	
<section class="section section--border-bottom rad-animation-group">
    <div class="container">
        <div class="row rad-fade-down">
            <div class="col-12">
                <h2>Education</h2>
                <div class="row pt-2 pt-md-4">
                    
                    <div class="col-12 col-sm-6 mb-4 mb-sm-0">
                        <div class="education">
                            <div class="education__date">2015</div>
                            <div class="education__title">Universidad Abierta Interamericana</div>
                            <div class="education__degree">
                                Degree in Systems Engineering (graduate)
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>


	
	
<section id="contact" class="section section--contact pt-0">
    <div class="container">
        <div class="contact">
            <h2>Contact</h2>
            
                <div class="col-12 col-lg-12 contact__info" style="padding: 0 25px">
                    <h4></h4>
                    <span></span>
                    <h4>Email</h4>
                    <span><a href="mailto:hello@imcosta.dev">hello@imcosta.dev</a></span>
                    <h4>Address</h4>
                    <span>Buenos Aires, Argentina</span>
                </div>
            </div>
        </div>
    </div>
</section>


	

	<footer class="footer">
  <div class="container">
    <div class="footer__left">
      <div class="footer__copy">
        © Miguel Ignacio Costa. All rights reserved.
      </div>
    </div>
    <div class="footer__links">
    </div>
    <div class="footer__right">
      <ul class="navbar-nav ">
        <li class="nav-item">
          <a class="nav-link" href="/">HOME</a>
        </li>
        
        <li class="nav-item">
          <a class="nav-link" href="#about">ABOUT</a>
        </li>
        
        <li class="nav-item">
          <a class="nav-link" href="#portfolio">WORKS</a>
        </li>
        
        <li class="nav-item">
          <a class="nav-link" href="#contact">CONTACT</a>
        </li>
        
      </ul>
    </div>
  </div>
</footer>

    <script src='https://imcosta.dev/js/rad-animations.js'></script>
<script src='https://imcosta.dev/js/library/lozad.min.js'></script>
<script>
  window.addEventListener("load", function() {
    var observer = window.lozad(".lozad", {
      rootMargin: window.innerHeight / 2 + "px 0px",
      threshold: 0.01
    }); 
    observer.observe();
  });
</script>
<script src='https://imcosta.dev/js/library/jquery-3.3.1.slim.min.js'></script>
<script src='https://imcosta.dev/js/library/bootstrap.min.js'></script>
<script src='https://imcosta.dev/js/sticky-header.js'></script>
<script src='https://imcosta.dev/js/library/smooth-scroll.polyfills.min.js'></script>
<script src='https://imcosta.dev/js/library/fontfaceobserver.js'></script>
<script>
  (function(w) {
    
    if (w.document.documentElement.className.indexOf("fonts-loaded") > -1) {
      return;
    }
    var fontA = new w.FontFaceObserver("Inter", {
      weight: 300
    });
    var fontB = new w.FontFaceObserver("Inter", {
      weight: 400
    });
    var fontC = new w.FontFaceObserver("Inter", {
      weight: 500
    });
    var fontD = new w.FontFaceObserver("Inter", {
      weight: 600
    });
    var fontE = new w.FontFaceObserver("Inter", {
      weight: 700
    });
    var fontF = new w.FontFaceObserver("Inter", {
      weight: 900
    });
    w.Promise.all([fontA.load(), fontC.load(), fontF.load()]).then(function() {
      w.document.documentElement.className += " fonts-loaded";
    });
  })(this);
</script>
<script>
  const scroll = new SmoothScroll('a[href*="#"]');
    $('a.nav-link').on('click', () => {
      const navbar = $('.navbar-collapse');
      if (navbar && navbar.hasClass('show')) {
        $('.navbar-toggler').click();
      }
    })
</script>

</body>

</html>
