Coder Social home page Coder Social logo

markswell-crypto / chuck_norris_random_jokes Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 135 KB

Chuck Norris Random Joke App - This is an application to browse and display random Chuck Norris jokes based on different categories or keywords.

Home Page: https://chuck-norris-random-jokes.vercel.app

License: MIT License

JavaScript 55.03% HTML 1.44% CSS 43.53%

chuck_norris_random_jokes's Introduction

Chuck Norris Jokes Web App

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.

Link to Demo

https://chuck-norris-random-jokes.vercel.app

You can access the live demo of the Chuck Norris Jokes Web App here.

How to Run Locally

To run the application locally on your machine, follow these steps:

    ## Clone the Repository

    git clone <[email protected]: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.

Usage Instructions

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

Technologies Used

React.js
CSS

Credits

Chuck Norris Jokes API https://api.chucknorris.io

License

This project is licensed under the MIT License. See the LICENSE file for details.

chuck_norris_random_jokes's People

Contributors

markswell-crypto avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.