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-quotebutton is clicked, my quote machine should fetch a new quote and display it in the#textelement. - My quote machine should fetch the new quote's author when the
#new-quotebutton is clicked and display it in the #author element - I can tweet the current quote by clicking on the
#tweet-quotea 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