dishamodi0910 · thevijayshankersharma · Jun 7, 2024
diff --git a/Existing_API_Collection/README.md b/Existing_API_Collection/README.md
@@ -19,6 +19,8 @@
 |[Cricket API](./Cricket_Score_API/)| this api gives all the current matches and upcoming matches also give scores of current matches and gives players list |
 |[NewsBuster](./news-buster-api/)|This API helps you gain worldly knowledge with a better frontend by fetching API |
 |[TranslatorAPI](./TranslatorAPI/)|This API helps to translate text with OTHER languages|
+Certainly! Here's an entry for your Random Joke API:
+|[Random Joke API](./Random_Joke_api/) | This API provides a wide range of jokes, including single-line jokes and jokes with setups and punchlines. |
 |[JSON_Placeholder_API](./JSON_Plaeholder_API/)| this api is used to test basic crud operations on fake data posts |
 |[Gold Silver Price](./Gold,silver_price_API/)|This API helps you check realtime price of gold and silver for each categories |
 |[GeoAPI](./GeoAPI/)| GeoAPI is a simple RESTful API that allows you to convert addresses to geographic coordinates (latitude and longitude) and vice versa. This API is built using Node.js and Express.|

diff --git a/Existing_API_Collection/Random_Joke_api/README.md b/Existing_API_Collection/Random_Joke_api/README.md
@@ -0,0 +1,46 @@
+# Random Joke API
+
+Welcome to the Random Joke API! This API is designed to bring humor into your applications by providing a wide range of jokes. Whether you need a quick one-liner or a setup with a punchline, this API has got you covered!
+
+## Features
+- **Random Jokes:** Fetch jokes randomly from various categories, including programming, miscellaneous, and more.
+- **Single-Line and Two-Part Jokes:** Get both single-line jokes and jokes with setups and punchlines.
+- **Error Handling:** Robust error handling ensures informative error messages for smooth integration.
+- **Simple Integration:** Easy-to-use API interface makes integration seamless.
+
+## Technologies Used
+- Node.js
+- Express.js
+- JavaScript
+- RESTful API design principles
+
+# API Integration
+This API can be integrated into your application by making HTTP requests to the following endpoint:
+
+```
+GET https://v2.jokeapi.dev/joke/Any
+```
+
+Replace `Any` in the endpoint with the desired category of the joke. Available categories include `Any`, `Miscellaneous`, `Programming`, `Pun`, `Spooky`, `Christmas`, and more.
+
+## Installation
+To set up the Random Joke API locally, follow these steps:
+
+- Clone the repository
+- Navigate to the RandomJokeAPI folder
+- Install dependencies with `npm install`
+- Start the server with `npm start`
+- The API will be accessible at `http://localhost:3000`
+
+## Usage
+To fetch a random joke, make a GET request to the endpoint specified above. The API will respond with a JSON object containing the joke.
+
+Example Request:
+```
+GET https://v2.jokeapi.dev/joke/Any
+```
+
+
+## Screenshots
+![Random Joke API](assets/image.png)
+
diff --git a/Existing_API_Collection/Random_Joke_api/assets/image.png b/Existing_API_Collection/Random_Joke_api/assets/image.png
diff --git a/Existing_API_Collection/Random_Joke_api/index.html b/Existing_API_Collection/Random_Joke_api/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Random Joke Generator</title>
+ <link rel="stylesheet" href="style.css">
+</head>
+<body>
+ <div class="container">
+ <h1>Random Joke Generator</h1>
+ <button id="getJoke">Get a Joke</button>
+ <p id="joke"></p>
+ </div>
+ <script src="script.js"></script>
+</body>
+</html>
diff --git a/Existing_API_Collection/Random_Joke_api/script.js b/Existing_API_Collection/Random_Joke_api/script.js
@@ -0,0 +1,17 @@
+document.getElementById('getJoke').addEventListener('click', function() {
+ const apiUrl = 'https://v2.jokeapi.dev/joke/Any';
+
+ fetch(apiUrl)
+ .then(response => response.json())
+ .then(data => {
+ const jokeElement = document.getElementById('joke');
+ if (data.type === 'single') {
+ jokeElement.textContent = data.joke;
+ } else {
+ jokeElement.textContent = `${data.setup} - ${data.delivery}`;
+ }
+ })
+ .catch(error => {
+ console.error('Error fetching the joke:', error);
+ });
+});
diff --git a/Existing_API_Collection/Random_Joke_api/style.css b/Existing_API_Collection/Random_Joke_api/style.css
@@ -0,0 +1,46 @@
+body {
+ font-family: Arial, sans-serif;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ background: #f0f0f0;
+}
+
+.container {
+ background: #ffffff;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ text-align: center;
+}
+
+h1 {
+ color: #333333;
+ margin-bottom: 20px;
+}
+
+button {
+ padding: 10px 20px;
+ font-size: 16px;
+ cursor: pointer;
+ background-color: #007bff;
+ color: #ffffff;
+ border: none;
+ border-radius: 4px;
+ transition: background-color 0.3s ease;
+}
+
+button:hover {
+ background-color: #0056b3;
+}
+
+button:focus {
+ outline: none;
+}
+
+#joke {
+ margin-top: 20px;
+ font-size: 18px;
+ color: #555555;
+}
diff --git a/package-lock.json b/package-lock.json