Effortless humor at one click – powered by JokeAPI
- 🎲 Get a random joke instantly with one click
- 🛠️ Fully customizable joke preferences
- 💬 Supports single-line and two-part jokes
- 🚀 Built with Next.js, Tailwind CSS, ShadCN, and TypeScript
When the user clicks on the "Random Joke" button:
- A joke is fetched from JokeAPI
- If it’s a two-part joke, both the setup and punchline are shown.
- Smooth, centered UI with Tailwind and ShadCN components.
This modal lets users customize:
- Category: Choose from programming, dark, pun, etc.
- Blacklist Flags: Filter out sensitive content (e.g., NSFW, religious, sexist).
- Joke Type: Pick between single or twopart jokes.
- Amount: Specify how many jokes to fetch at once.
- Next.js – React Framework
- Tailwind CSS – Utility-first CSS
- ShadCN – Prebuilt UI components
- TypeScript – Type-safe logic
- JokeAPI – External joke source
git clone https://github.com/sujanthapa01/random-jokes-app
cd random-jokes-app
npm install
npm run dev