Dad Jokes Chrome Extension

A fun Chrome extension that displays random dad jokes right in your browser!

✨ Features

• 🎲 Get a random dad joke with every click
• ⚡ Lightweight and fast
• 🔌 Works offline-free (fetches jokes from icanhazdadjoke.com)
• 🎨 Clean and simple UI

🚀 Installation

Method 1: Load Unpacked (Developer Mode)

1. Clone the repository

git clone https://github.com/SaketKothari/dad-jokes-chrome-extension.git

2. Open Chrome Extensions

• Navigate to chrome://extensions/ in your browser
• Or go to Menu → More Tools → Extensions

3. Enable Developer Mode

• Toggle the "Developer mode" switch in the top right corner

4. Load the Extension

• Click "Load unpacked"
• Select the cloned dad-jokes-chrome-extension directory

5. Enjoy! 🎉

• Click the extension icon in your toolbar to get a random dad joke

🛠️ Tech Stack

• HTML5 - Popup structure
• CSS3 - Styling
• JavaScript - Fetching jokes from API
• Chrome Extension API - Browser integration

📁 Project Structure

dad-jokes-chrome-extension/
├── manifest.json    # Extension configuration
├── popup.html       # Popup UI
├── script.js        # Joke fetching logic
├── style.css        # Styles
├── logo.png         # Extension icon
└── README.md        # Documentation

🔗 API

This extension uses the free icanhazdadjoke API to fetch random dad jokes.

🤝 Contributing

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create a new branch (git checkout -b feature/awesome-feature)
3. Commit your changes (git commit -m 'Add awesome feature')
4. Push to the branch (git push origin feature/awesome-feature)
5. Open a Pull Request

📝 License

This project is open source and available under the MIT License.

👨‍💻 Author

Saket Kothari - @SaketKothari

---

Made with ❤️ and lots of dad jokes