Workout Timer

My fiance wanted a big timer for doing workouts—something that takes up the entire screen.

So I made one using AI tools.

Start to finish: 10 minutes

Step 1

Decide which model to use:

• GPT 4

• Claude 2

• LlaMa 2

I went with GPT 4.

Step 2

Type a detailed prompt.

Here’s my prompt verbtatim copy/paste from ChatGPT:

“help me build a badass looking futuristic timer web app in the fewest amount of steps possible. i will create the repo but you just create the code. make it BIG BIG BIG. I want animations. I want cool new frameworks involved. Please give me the code for all of this. The goal is to host this and have others use it. Include some random features if you want but keep this simple. I want the timer to take up the entirety of the page. Use dark modes. Use lime green. im feeling crazy. Let's host with vercel which i know how to do. this should give you a good undersatnding of what i want. I am feeling wild. Please proceed without further questions. Use the extent of your capabilities and make something really cool, quick, and dirty. Let's go!”

Step 3

Create a new project from your terminal:

npx create-react-app badass-timer
cd badass-timer
npm install styled-components

Then copy paste the code that ChatGPT gives you for the following files:

• App.js

• Timer.js

• GlobalStyles.js

• index.js

Then start your development server with npm start and you will see the app at localhost:3000.

Check it out here

Know someone who works out?

Send them this timer & this newsletter:

dailybuild.co