Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rajtilak-2020/joke-generator

It uses JavaScript to fetch random jokes from an API.
https://github.com/rajtilak-2020/joke-generator

Last synced: 13 days ago
JSON representation

It uses JavaScript to fetch random jokes from an API.

Awesome Lists containing this project

README

        

# Joke Generator 🎈

![Technologies](https://img.shields.io/badge/Built%20With-HTML%20%7C%20CSS%20%7C%20JavaScript%20%7C%20-orange) ![License](https://img.shields.io/badge/License-MIT-blue.svg) Website Status

A **Dynamic Joke Generator** with a sleek and interactive user interface, designed to entertain and impress! It fetches random jokes and displays them in a beautiful, animated layout, ensuring an enjoyable user experience.

**🔗 [Check out the live website here!](https://rajtilak-2020.github.io/Joke-Generator/)**
---

## Features ✨

- **Fetch Random Jokes**: Instantly fetch a new joke by clicking the button.
- **Interactive Design**: Smooth animations, gradient backgrounds, and responsive hover effects for an engaging experience.
- **Responsive Layout**: Fully optimized for all devices, including desktops, tablets, and smartphones.
- **Modern Styling**: Eye-catching typography, shadows, and transitions for a polished and professional look.

---

## Technologies Used 🛠️

- **HTML5**: Markup for structuring the webpage.
- **CSS3**: Styling with animations, gradients, and responsive design.
- **JavaScript**: Fetching jokes dynamically from an API.
- **Google Fonts**: 'Roboto' and 'Indie Flower' for a clean and fun appearance.

---

## Project Preview 🖼️

![Project Screenshot](https://github.com/user-attachments/assets/eb22856a-d2d2-406b-a436-de21a22e5393)

---

## Future Enhancements 🛠️

- Add a **"Save Your Favorite Jokes"** feature.
- Introduce multiple joke categories (Dad Jokes, Programming Jokes, etc.).
- Add a **Dark/Light Mode Toggle** for better user experience.
- Support for multiple languages.

---


🌟 Give this project a star if you found it Intresting!⭐


Made with ❤️ by Raj