The logic used on this page stems from the DOM. I used getElementsByTagName to find the <td> element and an if statement to change the text color from white to black. I checked the td child node length to turn the button color to grey when the last fact is revealed.

Get Element By Tag Name Node Reveal

I used getElementsByTagName to find the <td> element and an if statement to change the text color from white to black. I checked the td child node length to turn the button color to grey when the last fact is revealed.

The logic used on this page stems from tree traversal in the DOM.

Node Tree Traversal

This is a coding challenge I bombed in an interview one time. I was asked to traverse the dom and could not do it in the interview, so I spent the following hours creating this little project. I did not get the job, but I did rise to the challenge and did my best.

I used a search function that traverses the node children with a for...in loop and pushes matched values to an array. I synced the matched value array to an output state in order to show the returned values in real time on the page.

A React based Code Editor I built with React in a NextJS framework

NextJS Code Editor

A React based Code Editor I built in a NextJS framework. This replicates what codepen.io does on their website. A fun project I coded then wrote an article about on dev.to. It is also on github publicly.

Squarespace site for a lovely orchard / farm in Dunlap, TN

Wheelers Orchard

This is a Squarespace website I made for the wonderful folks at Wheelers Orchard in Dunlap, TN.

Check it Out: