View Demo · Report Bug

React App that lets people view and vote on cheesy jokes from icanhazdadjoke API

• List jokes fetched from icanhazdadjoke API, along with:
  • "vot-up" Button
  • "vot-down" Button
  • net score for each joke
• User can vote and net score should update
• Should show loading state when loading jokes
• Should show the jokes sorted by net score, and update this as the scores changes on each fetch
• Should show dynamic vote-border-color and emoji based on joke net vote score
• Should persist the list of jokes in local storage

  • When user visit the app, it should show saved jokes, rather than fetching new jokes, However the user should still be able to generate new jokes via the "New Jokes" button, and these new jokes should update the ones in local storage.

(back to top)

This project require some perquisites and dependencies to be installed, you can view it online using this demo. or you can find the instructions below:

To get a local copy, follow these simple steps :

1. Clone the repo

   git clone https://github.com/SayedShehata1/Dad-Jokes.git

2. go to project folder

   cd dad-jokes

3. install dependencies

   npm install

4. Run development server

   npm start

• FrontEnd Development Server runs on port 3000

• joke: https://icanhazdadjoke.com/ [GET]
  • headers: "application/json"

(back to top)

(back to top)