semih-turan/chuck-norris-api

This project displays random Chuck Norris jokes fetched from an external API. The application features a loader animation on initial load and allows users to fetch new jokes by clicking a button.

Chuck Norris Jokes

This project displays random Chuck Norris jokes fetched from an external API. The application features a loader animation on initial load and allows users to fetch new jokes by clicking a button.

Features

• Initial loader animation displayed for 3 seconds.
• Fetch and display a random Chuck Norris joke from the API.
• Italicized joke text surrounded by " " characters.
• Button to fetch a new joke.
• Responsive design with centered content.

🚀 Live Demo

Technologies Used

• HTML
• CSS
• JavaScript
• Fetch API

Project Structure

├── index.html
├── css
│ └── style.css
├── js
│ └── script.js
└── assets
└── chucknorris_logo_coloured_small.png

Getting Started

Prerequisites

Make sure you have a modern web browser installed.

Installation

1. Clone the repository:

git clone https://github.com/semih-turan/Chuck-Norris-API.git

2. Navigate to the project directory

cd chuck-norris-jokes

Usage

1- Open index.html in your web browser. 2- Wait for the loader to disappear. 3- Enjoy the displayed joke. 4- Click the "Load New Joke" button to fetch and display a new joke.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.