Touch Grass

This is a website designed to help you, a CS student who stays indoors all day long, touch grass.

As I built this web app, I learned more about HTML, explored the Bootstrap CSS framework, and used React to add interactive features in the project.

How The Website Works

First, a randomly generated image of grass is shown from Unsplash.

When the user clicks the “Click Me” button, two actions occur (both rely on state management in React via a handleClick() function):

1. The number of clicks is increased by 1
2. A new image from Unsplash is generated

You can view the final product here.