proven.lolhttps://justinshillingford.com
HASH d71eac4527bcbc39aa59d74628d9118c
This item was proven by @justins on 2024-02-15T08:24:03+00:00. (View all of @justins’s proofs.)
Evidence
This is a copy of the web page retrieved on 2024-02-15T08:24:03+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-145084433-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-145084433-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Justin Shillingford | Software Engineer | Cornell University 2020 | Shirt Size: XS">
<meta name="author" content="Justin Shillingford">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Justin Shillingford">
<meta itemprop="description" content="Software Engineer | Cornell University 2020 | Shirt Size: XS">
<meta itemprop="image" content="https://justinshillingford.com/meta-image.JPG">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://justinshillingford.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Justin Shillingford">
<meta property="og:description" content="Software Engineer | Cornell University 2020 | Shirt Size: XS">
<meta property="og:image" content="https://justinshillingford.com/meta-image.JPG">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Justin Shillingford">
<meta name="twitter:description" content="Software Engineer | Cornell University 2020 | Shirt Size: XS">
<meta name="twitter:image" content="https://justinshillingford.com/meta-image.JPG">
<!-- Meta Tags Generated via http://heymeta.com -->
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png?v=zX7y2Nojd3">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png?v=zX7y2Nojd3">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png?v=zX7y2Nojd3">
<link rel="manifest" href="img/favicon/site.webmanifest?v=zX7y2Nojd3">
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg?v=zX7y2Nojd3" color="#58c6ee">
<link rel="shortcut icon" href="img/favicon/favicon.ico?v=zX7y2Nojd3">
<meta name="theme-color" content="#ffffff">
<title>Justin Shillingford 👨🏽💻</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/agency.min.css" rel="stylesheet">
<!-- Changes tab title depending on focus. Idea from @MinaMarkham. -->
<!-- Implementation from https://stackoverflow.com/questions/21808160/ -->
<!-- https://css-tricks.com/snippets/javascript/select-random-item-array/ -->
<script>
window.onfocus = function() { document.title = 'Justin Shillingford 👨🏽💻';}
window.onblur = function() { document.title = 'I love you 3000 😭';}
</script>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Justin Shillingford</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Who Am I?</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">My Story</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#team">Follow Me!</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#vote">Voter Registration</a>
</li> -->
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container">
<div class="intro-text">
<p hidden="">proven27f8f8</p>
<div class="intro-lead-in">Hey there!</div>
<div class="intro-heading text-uppercase">I'm Justin Shillingford</div>
<div class="intro-subheading">he/him/él</div>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Justin who?</a>
<p class="caption">Photo by <a href="https://unsplash.com/@kevnbhagat">Kevin Bhagat</a> on <a href="https://unsplash.com/photos/zNRITe8NPqY" target="_blank">Unsplash</a></p>
</div>
</div>
</header>
<!-- Services -->
<section class="page-section" id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Who am I?</h2>
<h3 class="section-subheading text-muted">Someone who's tired of this pandemic, that's for sure.</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-laptop-code fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">A Software Engineer</h4>
<p class="text-muted">I'm working on the Adobe Sign team in San Jose! Previously, I've interned with the startup <a target="_blank" href="https://www.tagg.id">TaggiD</a> remotely and with Google and WalmartLabs in Sunnyvale!</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-graduation-cap fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">A Student</h4>
<p class="text-muted">At Cornell University, I earned my Bachelor of Science in Computer Science with a minor in Information Sciences (with a UX Concentration!) as well as my Masters of Engineering in Computer Science. I also earned my Associate of Arts degree at Miami-Dade College.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-chalkboard-teacher fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">A Learner</h4>
<p class="text-muted">I've always been curious about my field and others. I've picked up a bit of cooking by watching Binging with Babish videos on YouTube and I am trying to become fluent in Spanish. With the addition of ProRAW on iOS 14, I'm also interested in taking up iPhone photography and learning proper photo editing techniques.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid -->
<section class="bg-light page-section" id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Portfolio</h2>
<h3 class="section-subheading text-muted">Things I've put out to the world</h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal1">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/hyperloop_thumbnail.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Cornell Hyperloop</h4>
<p class="text-muted">Electrical Team Lead</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal2">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/ovegas_thumbnail.jpg" alt="">
</a>
<div class="portfolio-caption">
<h4>OVegas</h4>
<p class="text-muted">Full-Stack Engineer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal3">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/careerQueue_thumbnail.png" alt="">
</a>
<div class="portfolio-caption">
<h4>Career Fair Queue</h4>
<p class="text-muted">Front-End iOS Engineer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal4">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/uncommonApp_thumbnail.jpg" alt="">
</a>
<div class="portfolio-caption">
<h4>Uncommon App</h4>
<p class="text-muted">Front-End Engineer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal5">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/tagg_thumbnail.png" alt="">
</a>
<div class="portfolio-caption">
<h4>T@gg</h4>
<p class="text-muted">Full-Stack iOS Engineer</p>
</div>
</div>
</div>
</div></section>
<!-- About -->
<section class="page-section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">My Story</h2>
<h3 class="section-subheading text-muted">Let's take it back to the beginning</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline">
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/story/1.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>1997-2012</h4>
<h4 class="subheading">It takes a village</h4>
</div>
<div class="timeline-body">
<p class="text-muted">In the Spring of 1997 I became the first-born of my two wonderful parents, immigrants from the island nation of Dominica. Being born and raised in South Miami really helped shaped me into the person I am today. However, it was the carpentry work of my father that inspired me to become a creator.</p>
<p class="caption">Photo by <a href="https://unsplash.com/@dryanparker?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target="_blank">Ryan Parker</a> on <a href="https://unsplash.com/photos/mqpawAQXRyA" target="_blank">Unsplash</a></p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/story/2.jpeg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2012-2015</h4>
<h4 class="subheading">High School <span style="text-decoration: line-through">Musical</span> Robotical </h4>
</div>
<div class="timeline-body">
<p class="text-muted">I was a student in the Robotics Academy at TERRA Environmental Research Institute, but after 2 years, I found myself pursuing an opportunity more in line with my goals at the School for Advanced Studies (SAS) where I was able to also earn my Associate of Arts degree at Miami-Dade College. To keep my creative spirit alive, I became one of the founding members of the FIRST Robotics team (Team 5329) at SAS. My experiences with the team really helped inform my decisions around how I wanted to navigate higher education.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/story/3.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2015-2020</h4>
<h4 class="subheading">Go Big Red! 🐻</h4>
</div>
<div class="timeline-body">
<p class="text-muted">In 2015 I enrolled in Cornell University's College of Engineering, deciding to study Computer Science in my second year. I've been a TA for Artificial Intelligence as well as both of the Introductory and the Intermediate levels of our Web Development courses and the Data-Driven Web Applications course. I was the Marketing Director for the BigRed//Hacks Hackathon Organizing team. I was also a member of the Underrepresented Minorities in Computing organization and the Association of Computer Science Undergrads.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/story/4.png" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2017-2020</h4>
<h4 class="subheading">INTRN SZN</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Since Sophomore year, I've spent every summer in the Bay Area doing Software Engineering Internship work. In 2017 I was a Mobile Engineering Intern for WalmartLabs where I built a mobile app in <a target="_blank" href="https://www.electrode.io/site/native.html">Electrode Native</a> (an expansion of the React Native framework). In 2018 I worked on Walmart's International team, doing backend work on their Google Assistant app for the grocery chain ASDA. In 2019, I performed data visualization and analysis in Python for one of Google's hardware teams. In 2020, I worked on the Software Engineering team at the startup <a target="_blank" href="https://www.tagg.id">TaggiD</a> where I was a Full-Stack Engineer on the React Native app for iOS.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/story/3.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2020</h4>
<h4 class="subheading">Hey Siri, play One More Time</h4>
</div>
<div class="timeline-body">
<p class="text-muted">In my final semester of undergrad, I elected to begin an early admit Masters of Engineering (M.Eng) degree. This gave me the ability to complete my M.Eng in one extra semester. I crafted my experience in this degree to focus on the Software Engineering topics I found most interesting in undergrad; Data-Driven Software Applications and the Human-Centered Design process. I also served as a Graduate Teaching Research Specialist for the Computing and Global Development course and was a Teaching Associate for the Ethics in New Media, Technology, and Communication course after I graduated.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="img/story/5.png" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2021</h4>
<h4 class="subheading">Head in the Clouds</h4>
</div>
<div class="timeline-body">
<p class="text-muted">I'm a Full Stack Web Developer at Adobe on the Adobe Sign team! I'm excited to be taking this next step in my career, working with a fantastic team as I begin my post-academia adventure with Adobe Document Cloud.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>To Be
<br>Continued!
<br>🙌🏽</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section class="bg-light page-section" id="team">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Follow my moves!</h2>
<h3 class="section-subheading text-muted">Make sure to Like, Comment, and Subscribe to my content.</h3>
</div>
</div>
<div class="row">
<div class="col-sm-4" style="margin: auto">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/profile/1.gif" alt="">
<ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="Shillingford_Justin_Resume.pdf" target="_blank">
<i class="fas fa-file"></i>
</a>
</li>
<li class="list-inline-item">
<a href="http://linkedin.com/in/JustinShillingford" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li class="list-inline-item">
<a href="http://github.com/JustinShillingford" target="_blank">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<p class="large text-muted">I can also be reached over e-mail at <a href="mailto:justinshillingford@pm.me">justinshillingford@pm.me</a>!</p>
</div>
</div>
</div>
</section>
<!-- Vote
<section class="page-section" id="vote">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Voter Registration</h2>
<h3 class="section-subheading text-muted">Courtesy of <a href="https://www.vote.org">vote.org</a></h3>
</div>
</div>
<div class="row">
<iframe src="https://verify.vote.org/?partner=111111&campaign=free-tools" style="width:100%; border:0px" id="frame3"></iframe><script src="//cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.3/iframeResizer.min.js" ></script><script>iFrameResize({ log:true, checkOrigin:false});</script>
</div>
</div>
</section> -->
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<span class="copyright">Copyright © Justin Shillingford 2022</span>
</div>
</div>
</div>
</footer>
<!-- Portfolio Modals -->
<!-- Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Cornell Hyperloop</h2>
<p class="item-intro text-muted">Electrical Team Lead</p>
<img class="img-fluid d-block mx-auto" src="img/portfolio/hyperloop_thumbnail.png" alt="">
<p>A team of students building a high speed Pod to compete in the Hyperloop Pod Competition run by SpaceX. In my 3 years on the team I served as a team member, the Electrical Hardware Subteam Lead, and finally the Electrical Team Lead. I was in charge of overseeing the construction of our team's electrical subsystem which involved work with embedded systems, various sensors, and Arduinos as well as the software that went into working with these hardware components.</p>
<ul class="list-inline">
<li>January 2017 - May 2019</li>
<li><a href="https://hyperloop.cornell.edu" target="_blank">Visit Team Page</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">OVegas</h2>
<p class="item-intro text-muted">Full-Stack Engineer</p>
<figure>
<img class="img-fluid d-block mx-auto" src="img/portfolio/ovegas_thumbnail.jpg" alt="">
<figcaption>Photo by <a href="https://pixabay.com/users/arcaion-2057886/">Henryk Niestrój</a> on <a href="https://pixabay.com/photos/playing-cards-poker-bridge-game-1201257/" target="_blank">Pixabay</a></figcaption>
</figure>
<p>OVegas is an implementation of the classic casino game Texas Hold'em in the Functional Programming language OCaml. My back-end work involved creating some of the structures that the game required to operate. My front-end work focused on the design and implementation of the Terminal interface (prompts, ASCII art, etc.) that players used to interact with the game.</p>
<ul class="list-inline">
<li>November 2017 - December 2017</li>
<li><a href="https://github.com/JustinShillingford/OVegas" target="_blank">GitHub Repo</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Career Fair Queue</h2>
<p class="item-intro text-muted">iOS Front-End Engineer</p>
<img class="img-fluid d-block mx-auto" src="img/portfolio/careerQueue_thumbnail.png" alt="">
<p>A system for improving the Career Fair experience for both students and recruiters. The iOS app for the system allowed students to register for Career Fairs, prioritize which companies they wanted to speak to, upload resumes, and more. I created some of the mockups for the app and worked on implementing the app's UI.</p>
<ul class="list-inline">
<li>January 2019 - May 2019</li>
<li>Client: Thomas Hull IV</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Uncommon App</h2>
<p class="item-intro text-muted">Front-End Engineer</p>
<figure>
<img class="img-fluid d-block mx-auto" src="img/portfolio/uncommonApp_thumbnail.jpg" alt="">
<figcaption>Photo by <a href="https://www.pexels.com/@expressivestanley">Stanley Morales</a> on <a href="https://www.pexels.com/photo/people-wearing-backpacks-1454360/" target="_blank">Pexels</a></figcaption>
</figure>
<p>An Information Retrieval system that allows users to submit queries with some of their performance measures from high school (GPA, test scores, etc.) and things they're looking for in a university. These queries are then used to provide a ranked list of schools that could be a good fit for the student.</p>
<ul class="list-inline">
<li>March 2020 - May 2020</li>
<li><a href="https://uncommon-app-gm.herokuapp.com" target="_blank">Visit App</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">T@gg</h2>
<p class="item-intro text-muted">Full-Stack iOS Engineer</p>
<figure>
<img class="img-fluid d-block mx-auto" src="img/portfolio/tagg_thumbnail.png" alt="">
</figure>
<p>An iOS app that consolidates your social media presence into one cohesive app. A Tagg profile easily links to one's Instagram, Twitter, and Snapchat content (among others) while also serving as a place to upload your own Tagg content. I worked on the front-end of the app using React Native as well as the back-end using Django and Flask to help bring the app from ideation to real-world usage.</p>
<ul class="list-inline">
<li>June 2020 - August 2020</li>
<li><a href="https://apps.apple.com/us/app/tagg-powered-by-taggid-inc/id1537853613" target="_blank">App Store Page</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
</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/agency.min.js"></script>
</body></html>