My Resume- A DO Hackathon Submission
Tags: dohackathon, beginners, portfolio, opensource
Published: 2020-12-11 20:00:00

## What I built

I built a personal portfolio using Gatsby (JS and CSS), for entry in the [DO X DEV App Platform Hackathon](https://dev.to/devteam/announcing-the-digitalocean-app-platform-hackathon-on-dev-2i1k). Although I am **an employee of DigitalOcean**, I wanted to provide a resource for the dev community and new engineers learning Gatsby and thought this was a fun way to contribute. 

### Category Submission: 

I'm submitting this portfolio app for the **Personal Portfolio** category of the hackathon.

### App Link

You can find a direct link to my portfolio page as hosted on App Platform [here,](https://lyns-portfolio-gjd85.ondigitalocean.app/) or on my own domain [here.](https://lyn-is-a.dev/)

### Screenshots

Here's the source code: 
![Picture of Github Code](https://i.imgur.com/XwCqjCg.png)

And the published app: 
![Picture of Portfolio page](https://i.imgur.com/PCQd27k.gif)

### Description

My Resume is a minimalist portfolio, including sections for social, projects, contact, and about content.

### Link to Source Code

You can find the link to the [live app's](https://lyn-is-a.dev/) source code [here.](https://github.com/lynmuldrow/my-resume)

### Permissive License

I am using an [MIT License.](https://github.com/lynmuldrow/my-resume/blob/master/LICENSE)


## Background

I started this personal portfolio during a job search, to brush up on Gatsby and continue my practice with writing clean code. It's based on the [Gatsby Starter Code](https://github.com/gatsbyjs/gatsby-starter-hello-world), and I initially hoped it would be used by new engineers as a starting point to create their own portfolios. I submitted my portfolio app through the hackathon to amplify and spread open source love.

### How I built it 

#### Ideation and Build Process

I started building this application by following the tutorials within the [Gatsby Documentation](https://www.gatsbyjs.com/docs/starters/), using the **Hello World Starter** as the base of my app. 

As I started to learn more about how to create layouts and connect resources within Gatsby, I iterated on the base code and added a particle and other CSS effects, augmented the CSS a bunch, and played around with sections and content placement until I felt happy. My intention was to create a clean starting point for new developers, so I was careful not to add anything that wasn't easily identifiable in the code.

After testing across browsers and within my local environment, I pushed my code up to Github: 

![Picture of Github Code](https://i.imgur.com/XwCqjCg.png)

Then, I popped over to [App Platform](https://www.digitalocean.com/docs/app-platform/) and signed in to DigitalOcean. I clicked the **Create** button near the top, and **Apps**, to be taken to the App Platform. From there, I followed the steps to deploy my app. 

#### Deploying to App Platform

The first step was to connect my code: 
![App Platform Deployment Step 1](https://i.imgur.com/WcDmC2D.png) 


<br/>

Then I selected a repository.
![App Platform Deployment Step 2](https://i.imgur.com/hhxmkMa.png)

<br/>

Next, I named my app and made other changes: 
![App Platform Deployment Step 3](https://i.imgur.com/gtNMQ5N.png)


<br/>

And configured my app.
![App Platform Deployment Step 4](https://i.imgur.com/MvPI5ZC.png)


<br/>

Finally, I picked my plan: 
![App Platform Deployment Step 5](https://i.imgur.com/RphFhuo.png)


<br/>

And was off to the races.
![App Platform Deployment Step 6](https://i.imgur.com/iWvON9N.png)


<br/>

In the meantime, I wanted to add a personal domain, so I headed over to the **Add Domain** section: 
![App Platform Deployment Step 7](https://i.imgur.com/fKECo24.png)


<br/>

And then went over to [Namecheap](https://www.namecheap.com/) to change my nameservers.
![App Platform Deployment Step 8](https://i.imgur.com/Zaac7H3.png)


<br/>


When I came back, my app was deployed! It took about 15 minutes for my domain to propagate, and then I was live.
![Picture of Portfolio page](https://i.imgur.com/PCQd27k.gif)

It was my first time using App Platform (I know, for shame right?), and as an engineer, found it to be a really fluid, enjoyable experience unlike those I've had with other hosting platforms. I'd def use App Platform to deploy other apps- I have a Rails app in mind that I'd love to work on next!


### Additional Resources/Info
Thanks for considering my app. I hope it is of use to the dev community.♥