This site showcases Lauren Duker Darrimon Web Developer, contact, resume, and a portfolio dynamically generated from starred GitHub code repositories.
Lauren Duker Darrimon Portfolio
The portfolio section utilizes the data from Lauren's Git Hub to pull information, links, and images from her code repositories and live applications. Here's the fetch call to the starred repos API endpoint:
let requestUrl = 'https://api.github.com/users/laurendarrimon/starred';
fetch(requestUrl)
.then(function (response) {
return response.json();
})
.then(function (data) {
displayItems(data);
});
The portfolio section is populated by the first three of the user's starred code repositories. As new applications are developed and deployed, all we have to do is star new repos on GitHub, and the portfolio will automatically update:
A digital portfolio is not very exciting without images of the deployed sites. However, hard-coding the image in would have limited the dynamic data population. As a solution, I included an iframe of the deployed site, with an anchor link that was resized via css to cover the iframe.
.frame-link {
position:absolute;
top:0;
left:0;
display:inline-block;
width:250px;
height:250px;
z-index:5;
}