Solution for a challenge from DevChallenges.
Note: This app no longer works because the API used has been abandoned. I may look into alternatives, or I may archive the repo.
- React
- Quotable
- Programming Quotes API - Previous API
- Material Design Icons
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories. Note: The previous design document may be incomplete, as you need to find an archived version of the challenge as all legacy challenges have had their documentation removed from DevChallenges.
- Originally, this app used the Programming Quotes API. That API is no longer hosted anywhere so I swapped to the Quotable API.
- The conversion required changing API calls and slight modifications in the components.
- Quotable was one of the best free quote APIs that didn't require an API key. Unfortunately, the Quotable API seems to be defunct and the repo maintainer has not responded for many months so this repo no longer works.
- Logic could be overhauled. You could make the API request in
AuthorQuotescomponent and pass the author name to the route. To pass author name, you add it as a query parameter.
- Steps to replicate a design with only HTML and CSS
- Quotes.rest API
- Zen Quotes
- Quotes.net - requires api key
- They Said So - very small amount of quotes allowed and api key required
- FreeCodeCamp Forums - simple quote api
- Junior Developer Central - 6 random quote apis
- Stack Overflow - quote apis
- Medium - random quote machine challenge
- Stack Overflow - multiple functions in a useEffect function
- Stack Overflow - props undefined on refresh
- Stack Oveflow - check for refresh
- Stack Overflow - check for refresh
- Digital Ocean - conditional rendering & react
- Nordic Apis - cors proxies
- Blog - cors proxy service
- app.cors.bridged - cors proxy