Chuck Norris Jokes Api Application

You can see an example of working application following this link

React implementation is here

Content

• Features
• Responsive design
• Unit tests
• Project structure

Features

Ability to get a random joke

You can get a random joke by selecting Random radiobutton and pushing Get a joke

Ability to get a random joke from category

You can get a random joke from category by selecting From categories radiobutton and pushing Get a joke

Ability to get jokes by free text search

You can get jokes by free text search by selecting Search radiobutton and filling search input. Then push Get a joke

Any joke can be marked/unmarked as favourite

You can push a heart icon to add joke to favourite.

Favourite jokes are stored in browser

Jokes are stored in browser using localStorage

Responsive design

Application can be in 3 different states:

• Mobile
• Tablet
• Desktop

Unit tests

Output of unit tests:

Project structure

• index.html (main code)
• test.html (unit tests)
• ./css/ (styles)
• • normalize.css (css resets)
• • main.css (all css is here)
• ./js/ (javascript)
• • categories.js (actions with categories)
• • favourite.js (actions with favourite button)
• • jokes.js (create and clear jokes)
• • main.js (run main)
• • radios.js (actions with radiobuttons)
• • test.js (unit tests)
• ./icons/ (icons)
• ./media/ (files for documentation)
• react-implementation

---

Made by Ilienko Roman