Hero Page
Word Count

The Brief

After running through a project in the official React documentation, I was looking for a way to implement the key benefits myself. I wanted to create a site to enable people to have a pre designed CV that they could check as they went along without whole page re-renders.

The Build

It was this project that kick started a side line job for me in photography and eventually videography. The main design feature I began to notice on the web was full screen hero images. I quickly discovered that good use of visual hierachy and negative space alongside a great image. Trying to get that photo with your iPhone 7 and no skill or lighting appreciation was impossible.

With regard to the build of this site, it was one of my first interactions with npm although I didn't realise it at that the time as React have all the build tools fully automated for you. This was a great start for getting a feel for how npm open source helpers work.

Going back to the project has enabled me to note React developments when implementing binding and troubles with the 'this' keyword as well as how they have helped by removing the need for full use of JS classes structure i.e. constructor.

Inspect the Code Visit the Site