Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/fredh2o/joke-generator

A fun, interactive web application built with HTML, CSS, and JavaScript. Generates random jokes with a click, offering a humorous break for users. Easily customizable and a great project for learning front-end development.
https://github.com/fredh2o/joke-generator

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/fredh2o/joke-generator
Owner: FredH2O
License: mit
Created: 2024-07-18T12:14:33.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-07-19T18:39:29.000Z (6 months ago)
Last Synced: 2024-07-19T22:39:29.123Z (6 months ago)
Language: JavaScript
Size: 240 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Joke Generator

A fun, interactive web application built with HTML, CSS, and JavaScript that generates random jokes with a click, offering a humorous break for users. This project is easily customizable and serves as a great learning tool for front-end development.

## Features

- Generates random jokes on demand
- Simple and clean user interface
- Easily customizable design and functionality
- Great for learning and practicing HTML, CSS, and JavaScript

## Installation

1. Clone the repository:
```bash
git clone https://github.com/FredH2O/Joke-Generator.git
```
2. Navigate to the project directory:
```bash
cd Joke-Generator
```
3. Open `index.html` in your web browser to view the app.

## Usage

- Click the "Generate Joke" button to get a random joke.
- Customize the appearance by editing `styles.css`.
- Modify the joke-fetching logic in `script.js` as needed.

## Learning Goals

I created this project to learn more about:

- Working with APIs
- Using the `fetch` function
- Handling promises with `.then`

As a beginner in JavaScript, this project has been an excellent way to practice and improve my skills.

## Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## Acknowledgements

- [Official Joke API](https://official-joke-api.appspot.com/) for providing the jokes
- [MDN Web Docs](https://developer.mozilla.org/) for extensive documentation and tutorials on web development