Free
Dad joke generator with React
Hunter Becton
Next.js
Tailwind CSS
Axios
1000
Randomly generate dad jokes on-demand with a click of a button. This Challenge is a great way to learn the basics of using an API!
Level 3
Your Challenge is to create a random dad joke generator. When you click the "Tell me!" button, the answer to the joke reveals. A new dad joke appears when you click the "New joke!" button. You'll use this dad joke API to fetch jokes, so this Challenge is a great way to learn the basics of using an API!
Your Challenge is complete when:
The website is as close to the original design as possible
The website is responsive and viewable on multiple screen sizes
Elements have the correct state styles (hover, focus, etc.)
Clicking the "Tell me!" button reveals the answers
Click the "New joke!" button shows a new joke