meghsohor / jokesbox

Read programming jokes or search for jokes on various topics. The app is built using React, Fetch API and JokeAPI

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JokesBox

Live: JokesBox


Created using React, Fetch API , Framer Motion & JokeAPI

JokesBox - React, Fetch API & JokeAPI


Features:

  • Random Programming jokes (used Fetch API to get jokes from JokeAPI)
  • Live search - search jokes by topics: programming, dog, cat etc.

Note: AbortController has been used to cancel all the previous requests while a user types in search-box. AbortController can be used to abort not only fetch, but other asynchronous tasks as well. To know more, please check MDN: AbortController

Run the app in local environment:

  1. Clone the Repo
  2. Open Terminal window in the project folder
  3. Run npm install to install all the dependencies
  4. After installation completes, run npm start
  5. Open http://localhost:3000 to view it in the browser.

About

Read programming jokes or search for jokes on various topics. The app is built using React, Fetch API and JokeAPI


Languages

Language:CSS 62.4%Language:JavaScript 33.5%Language:HTML 4.1%