jdegand / quote-generator

Devchallenges - Legacy - Frontend-Developer- Random Quote Generator

Quote Generator

Solution for a challenge from Devchallenges.io.

Table of Contents

• Overview
  • Screenshots
  • Link
  • Built With
• Features
• Thoughts
• Useful Resources

Overview

Screeshots

Link

Live Link

Built With

• React
• Quotable
• Programming Quotes API - Previous API
• Material Design Icons

Features

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.

Thoughts

• Originally, this app used Programming Quotes API. That API is no longer hosted anywhere so I swapped to the Quotable API.
• Conversion required changing api calls and slight modifications in the components.
• Go Quotes API is now also dead.
• Quotable seems to be best free quote api that doesn't require an api key. Alternatives are listed in the useful resources section.
• Logic could be overhauled. Make the api request in AuthorQuotes component itself and pass the author name to the route. To pass author name, you add it as a query parameter.

Useful Resources

• 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