This web application allows users to fetch Chuck Norris jokes randomly or by category, as well as search for jokes by keyword. It features a responsive and attractive design with the ability to switch between green and purple themes.
https://chuck-norris-random-jokes.vercel.app
You can access the live demo of the Chuck Norris Jokes Web App here.
To run the application locally on your machine, follow these steps:
## Clone the Repository
git clone <git@github.com:Markswell-crypto/Chuck_Norris_Random_Jokes.git>
## Navigate to the Project Directory
cd chuck-norris-jokes-app
## Install Dependencies
npm install
## Run the Application
npm run dev
## Open in Browser
Once the server starts, open your browser and go to http://localhost:5173 to view the application.
-
To fetch a random Chuck Norris joke, click on the "Get Random Joke Here!" button.
-
To search for jokes by keyword, enter a keyword in the search input field and click on the "Search" button.
-
To fetch jokes by category, select a category from the dropdown menu and click on the "Get Joke by Category" button.
React.js
CSS
Chuck Norris Jokes API https://api.chucknorris.io
This project is licensed under the MIT License. See the LICENSE file for details.