Chuck Norris Jokes Api Application
You can see an example of working application following this link
React implementation is here
Content
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