Building a portfolio site - DO Hackathon
Tags: dohackathon, react, javascript
Published: 2021-01-09 11:59:02

---
title: Building a portfolio site - DO Hackathon
published: true
description: Building and creating a personal portfolio should showcase your ability and versatility as a software developer.
tags: dohackathon, react, javascript
---

## What I built

The task I chose to go for is the Personal site/portfolio in the DigitalOcean Platform hackathon. It is a responsive website adapted to all screen sizes from mobile to desktop.

### Category Submission: 

![Teri Eyenike](https://user-images.githubusercontent.com/25850598/103984246-11713a00-5187-11eb-81a1-898a2fc088ab.png)
Personal Site/Portfolio


### App Link

View the project [here](https://do-teri-qeuse.ondigitalocean.app/)

### Screenshots

![projects page](https://user-images.githubusercontent.com/25850598/104089079-1f4cbb00-526c-11eb-8d39-a988983f331c.png)

![Error page](https://user-images.githubusercontent.com/25850598/104106668-8b084580-52b7-11eb-8768-80f6e2fec8e1.png)


Screenshot of the projects page



### Description
 
The Teri Eyenike site is a website that gives users the versatility of the individual, Teri as a software engineer and his ability to turn designs into code and make them responsive, performant apps. The implementation of the site went from creating the design on paper which went through several iterations before finally building it with code.

**What stack did you use in building the portfolio**?

Before deciding on the stack to be used, I made sure I wanted something that could enable me to build reusable components that could be used across multiple components of the website which I used to my advantage. So React was the frontend library I used in creating the whole site and it made a lot of sense because I was already comfortable using React already.

The initial look of my portfolio before I decided to redo the entire site architecture was this.

![Initial site, v1](https://user-images.githubusercontent.com/25850598/104089548-473e1d80-5270-11eb-9ad6-d5a0008dd5f9.png)

### Link to Source Code

[https://github.com/Terieyenike/do-teri](https://github.com/Terieyenike/do-teri)

### Permissive License

MIT

## Background
(What made you decide to build this particular app? What inspired you?)

I looked out for some inspiration online and wanted to make a site that the UI would be appealing and user friendly. So I decided to check out [Bchiang](https://brittanychiang.com/) and thought it was cool and had all the things I looked out for. It immediately struck me to get to work creating it for myself. The entire site idea was to write the code from scratch without being lazy and using a template out there ignoring the fact that I can do it myself and make it look cooler based on my personality.

### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)

The DO App Platform is a good Platform as a Service (PaaS) that gives you the option to build, manage, deploy, and scale your apps with just a few clicks of the button and you're good to go. The app, Teri is hosted on the App Platform which was built using React and I found it very easy to deploy a fully functional app in no time and it provides me with a URL to view the site once I was done with all the initial setup of creating the app on the platform and finally push the button to deploy on the live server. The skill which I found valuable here using DO App Platform is the ability for the App Platform to do all the heavy lifting for you as it continuously deploys the apps from every little change you make thereby leaving you to write less code and focus more on making the website work.



### Conclusion

I have spent a ton of time tweaking/writing this post and even more time on the project in the DigitalOcean hackathon. It has been all fun, and I enjoyed every bit of it as it challenged me to create and build something. So go check out my work and support.