Professional Portfolio

This is a personal professional portfolio design and build to showcase my UX/UI design projects and web development work.

View source code here

2021

Year

concept design

Roles

UX/UI Designer

solo

Web Developer

solo

Personal Portfolio: Design + Build

My personal professional portfolio was a solo build

Screen Shot 2021-09-14 at 8.44.57 PM.png

Screen Shot 2021-09-14 at 8.47.46 PM.png

Build Breakdown

My personal portfolio was developed with full CRUD
It is fully responsive for all devices.
- glitches are still being managed, so thank you for your patience!
FrontEnd tools:
- React Hooks
- React Context
CSS tricks:
- Flex
- Bootstrap
- Styled Components
Build created and hosted via Netlify

View the source code on github

Fun CSS Moment

I really pushed myself with some of the css elements on my portfolio, mainly because many of them became much trickier during the responsive css process.

I am most excited by my hover boxes on my gallery page because I was able to achieve the masking effect during the expand animation. It was exactly what I had in mind, which is really gratifying.

WORKit

MARBLEoak

Professional Portfolio

This is a personal professional portfolio design and build to showcase my UX/UI design projects and web development work.

View source code here

2021

Year

concept design

Roles

UX/UI Designer

solo

Web Developer

solo

Personal Portfolio: Design + Build

My personal professional portfolio was a solo build

Build Breakdown

My personal portfolio was developed with full CRUD

It is fully responsive for all devices.

glitches are still being managed, so thank you for your patience!

FrontEnd tools:

React Hooks

CSS tricks:

Flex

Bootstrap

Styled Components

Build created and hosted via Netlify​​​​​​

View the source code on github

Fun CSS Moment

I really pushed myself with some of the css elements on my portfolio, mainly because many of them became much trickier during the responsive css process.​

I am most excited by my hover boxes on my gallery page because I was able to achieve the masking effect during the expand animation. It was exactly what I had in mind, which is really gratifying. ​

Build created and hosted via Netlify

I really pushed myself with some of the css elements on my portfolio, mainly because many of them became much trickier during the responsive css process.

I am most excited by my hover boxes on my gallery page because I was able to achieve the masking effect during the expand animation. It was exactly what I had in mind, which is really gratifying.