This Chuck Norris Joke App allows users to browse and display Chuck Norris jokes based on different categories.
- Fetches Chuck Norris joke categories from the Chuck Norris API.
- Allows users to select a category and retrieve a random joke from that category.
- Displays the selected category, random joke, and provides a "Next Joke" button to fetch another joke from the same category.
- Includes a pop-up window with a loading spinner while fetching jokes.
- Provides a close button to hide the pop-up window.
- React: A JavaScript library for building user interfaces.
- react-spinners: A library for creating loading spinners in React.
- CSS: Styling for the components.
- Clone the repository:
git clone https://github.com/your-username/chuck-norris-joke-app.git
- Navigate to the project directory:
cd chuck-norris-joke-app
- Install dependencies:
npm install
- Start the application:
npm start
- Open your browser and visit
http://localhost:3000
to view the app. - Select a category from the list to display a random Chuck Norris joke.
- Click the "Next Joke" button to fetch another random joke from the same category.
- Close the pop-up window by clicking the "X" button.
Contributions are welcome! If you find any issues or want to add new features, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.