This project allows you to search random quote machine by inputting text and showing you the results of the search. It is one of the FreeCodeCamp Front End Libraries Projects
- I can see a wrapper element with a corresponding
id="quote-box"
. - Within
#quote-box
, I can see an element with a correspondingid="text"
- Within
#quote-box
, I can see an element with a correspondingid="author"
- Within
#quote-box
, I can see a clickable element with a correspondingid="new-quote"
- Within
#quote-box
, I can see a clickable element with a correspondingid="tweet-quote"
- On first load, my quote machine displays a random quote in the element with
id="text"
- On first load, my quote machine displays the random quote's author in the element with
id="author"
- When the
#new-quote
button is clicked, my quote machine should fetch a new quote and display it in the#text
element. - My quote machine should fetch the new quote's author when the
#new-quote
button is clicked and display it in the #author element - I can tweet the current quote by clicking on the
#tweet-quote
a element. This a element should include the "twitter.com/intent/tweet" path in it's href attribute to tweet the current quote. - The #quote-box wrapper element should be horizontally centered. Please run tests with browser's zoom level at 100% and page maximized.
The unit testing for this project can be found at https://gitcdn.link/repo/freeCodeCamp/testable-projects-fcc/master/build/bundle.js
Thanks I hope you enjoy my creation. And feel free to reach out to me on Twitter 🐦 @PeteCapeCod 🐶😎
Or here on GitHub at PeterCr