JokeGenerator Tailwind Templates

Jokegenerator

A fun and interactive web application built using React and Tailwind CSS. This project fetches random jokes from an API and displays them in a clean and responsive UI.

Joke Generator

Welcome to the Joke Generator, a fun and interactive web application built using React and Tailwind CSS. This project fetches random jokes from an API and displays them in a clean and responsive UI.

🚀 Live Demo

Check out the live version of the project: Joke Generator

📌 Features

  • 🎭 Random Joke Generation – Fetches a new joke with a button click.
  • 🎨 Responsive UI – Looks great on all devices.
  • Fast Performance – Built with React and optimized for speed.
  • 🎭 Different Types of Jokes – Enjoy various categories of jokes.
  • 🌙 Lightweight & Minimalist Design – Styled with Tailwind CSS.

🛠️ Tech Stack

  • React – For building the UI components.
  • Tailwind CSS – For modern and responsive styling.
  • Joke API – Fetches random jokes dynamically.

📦 Installation & Setup

Follow these steps to run the project locally:

# Clone the repository
git clone https://github.com/Nainee99/Joke-Generator.git

# Navigate to the project folder
cd Joke-Generator

# Install dependencies
npm install

# Start the development server
npm run dev

The app should now be running on http://localhost:3000/.

🎯 Usage

  1. Open the application.
  2. Click the Generate Joke button.
  3. Enjoy a randomly generated joke!

🚀 Deployment

This project is deployed on Vercel. To deploy your own version:

  1. Push the code to a GitHub repository.
  2. Connect the repository to Vercel.
  3. Deploy with a single click!

🙌 Contributing

Contributions are welcome! If you’d like to add new features or improve the existing code, feel free to fork the repository and submit a pull request.

📜 License

This project is licensed under the MIT License.


Made with ❤️ using React & Tailwind CSS.

Top categories

Loading Svelte Themes