requesting dad jokes from an external api, displaying them with react, storing data in localStorage, and allowing users to rank jokes with up/down arrow buttons that manipulate state
Stars
0
Forks
0
Watchers
0
Open Issues
0
Overall repository health assessment
^5.14.1^11.2.7^12.8.3^0.21.1^17.0.2^17.0.24.0.3^8.3.2^1.1.223
commits
added hover styles sto upvote and downvote buttons, as well a slight animation to emoji icon at end of row
da18287View on GitHubstyled fetch button, added shaking animation to emoji in JokeList-sidebar
16f87abView on GitHubsort state.jokes array every render based on votes, display jokes in that order
baf27a2View on GitHubprevent displaying duplicate jokes by storing seen jokes in a set and then checking if new jokes exist in that set
3d9a178View on GitHubupdated state to include a boolean value for loading, then circuitous logic in the render to display a loading screen if loading is true
28d31b2View on GitHubrefactoring methods that manipualte state to also update localStorage so that jokes and their corresponding votes can be persisted through rerenders and fetching of new jokes
92448f6View on GitHubstore jokes in localstorage if they have been fetched already in order to persist data through rerendering, also intitialize state.jokes as a parsed array from localStorage or an empty array
37e7febView on GitHubadded in two methods, one to change the color of .Joke-votes based on the number of votes, and the other to do the same for the chosen emoji icon
1cfe718View on GitHubincluded function to handle click event in child comp that increments or decrements the vote count of an individual joke
7beea84View on GitHubimplemented child comp Joke to accept passed down props and display them to render an individual joke with text, votes, and a unique id
bca16b0View on GitHubstyled main JokeList component with a sidebar, and container wrapping all jokes and their features
46d10a8View on GitHub