This is a simple quote generator that was built whilst following the JavaScript Web Projects: 20 Projects course from the wonderfull people at ZTM (Zero to Mastery).
Once loaded, it will show a random quote and whom it is from! You can then either click "New Quote" and it will pick from any of the 100's of quotes pulled from an API or you can "tweet" that quote!
Pretty neat right?
You can either download the code and run it locally or visit the Github hosted page and see it in action!
Quote Generator uses Vanilla HTML, CSS and JS. We are using one of the many quote generators out there to make an async api request and storing that JSON response.
Once we have the response, we are pulling out a single quote at a random index and displaying the text and author to you.
We have also added functionality of sending that quote using a template literal to twitter.
Below are a list of the links I used within the code / those which were useful during the project:
- Font Awesome 6 - Home
- Font Awesome 6 CDN
- Google Fonts
- Hero Patterns - That's for the awesome background svg!
- Coolors palette generator - Easy way to get great colour palettes