Skip to content

Chuck Norris Joke App - An application to browse and display random Chuck Norris jokes based on different categories.

Notifications You must be signed in to change notification settings

Gangadhar123456/Cendrol-Assigment-Secondone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chuck Norris Joke App

This Chuck Norris Joke App allows users to browse and display Chuck Norris jokes based on different categories.

Features

  • 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.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • react-spinners: A library for creating loading spinners in React.
  • CSS: Styling for the components.

Installation

  1. Clone the repository: git clone https://github.com/your-username/chuck-norris-joke-app.git
  2. Navigate to the project directory: cd chuck-norris-joke-app
  3. Install dependencies: npm install

Usage

  1. Start the application: npm start
  2. Open your browser and visit http://localhost:3000 to view the app.
  3. Select a category from the list to display a random Chuck Norris joke.
  4. Click the "Next Joke" button to fetch another random joke from the same category.
  5. Close the pop-up window by clicking the "X" button.

Contributing

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.

License

This project is licensed under the MIT License.