Say adios, generic hero images under big fat white fonts! I built a React site.

I’m a junior developer, and sometimes I go all out.

At parties, I might eat two slices of pizza, instead of one.

At the animal shelter, I might adopt a dog, a cat, and a chinchilla.

And behind the computer, I might build a a static site, a social Git simulator, and a React app.

Because: #yolo.

I probably have no business fumbling with learning React right now. If/else loops in vanilla JavaScript (‘vanilla Javascript’ is a term in which I was instructed not to use by one of my mentors because it’s a fad [‘…It’s an artifact of web developer MADNESS.’ — dude is so right!]) still oftentimes confuse me. I mean, isn’t there like an app for that?

Anyway. My self-imposed tech ADD told me to dive into React. So I made a React site for a digital agency with a barncat as its mascot.

The result looks a little something like this:

Screen Shot 2017-09-26 at 1.23.01 AM

It’s a cross between Jeopardy and a hip agency with just a tinge of a throwback feel. Also, I am so damned sick of websites with tons of whitespace and trite hero images. Can you at least put a stroke or some other outline on that huge white text against a washed-out, mostly white stock photo? I digress here. The intention was for the user to feel the need to complete flipping the tiles. Each tile is two “slides” worth of information: The first slide is a challenge and solution, and the resulting slide is a result (i.e. the implementation of the solution, created by the digital agency). 

For example, this is what the user sees when he flips (clicks) tile PV-300:

Screen Shot 2017-09-26 at 1.37.10 AM

On the second click, the user is taken to the next “slide” — the final product, which in this case, was a promotional video for the 36LYN Refuel Station Electric Car Fastcharge event:

Screen Shot 2017-09-26 at 1.37.17 AM

When the user reaches the end of this and clicks, the tile is sent back to its original spot, a cat now in its place:

Screen Shot 2017-09-26 at 1.37.23 AM
You want to know what’s under those orange and white tiles, don’t you?

Lessons learned? Just one. The hero image/white fat font has been replaced by cats, orange carts, and SPAs. This thoroughly excites me.

You like the underground? You like dark electronic? Be sure to check me out on Bandcamp, where I dropped a dark, dank album filled with beeps, boops, and blips designed to fuel your wildest coding adventures. I don’t mess with GarageBand, brah.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s