Touch Grass

A web app using HTML, CSS, and JavaScript/TypeScript to help CS students 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.