path---quote-machine-0a261d846ced81225ff7.js

webpackJsonp([58073446349866],{509:function(e,t){e.exports={data:{site:{siteMetadata:{title:"Gatsby Starter Blog",author:"Kyle Mathews"}},markdownRemark:{id:"/home/felipe/projects/gatsby-blog/src/pages/quote-machine/index.md absPath of file >>> MarkdownRemark",html:'<h1>Random Quote Machine</h1>\n<p>This Free Code Camp challenge has the following instructions:</p>\n<hr>\n<p>Build a Random Quote Machine</p>\n<p>Objective: Build a CodePen.io app that is functionally similar to this: <a href="https://codepen.io/FreeCodeCamp/full/ONjoLe/">https://codepen.io/FreeCodeCamp/full/ONjoLe/</a>.</p>\n<p>Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style.</p>\n<ul>\n<li>\n<p>User Story: I can click a button to show me a new random quote.</p>\n</li>\n<li>\n<p>User Story: I can press a button to tweet out a quote.</p>\n</li>\n</ul>\n<hr>\n<p>It was my first experience using Javascript. I didn’t even know what Jquery was!</p>\n<p>Getting the API to work on Codepen wasn’t that easy, I had to learn about cross-domain reference that Jquery kept complaining about. In later projects I found a workaround, but in this one I ended up using an Ajax call.</p>\n<p>The Twitter function came from their website, I copied it and fiddled with it a little bit.</p>\n<p>I used Bootstrap 4 and really liked the Card class, it’s present in many other projects after this one.</p>\n<p>Today, I’d refactor it to remove the global variable and function. And also to truncate the quote when clicking the Twitter button - if the quote is longer than 140 characters the user will have to edit it by hand.</p>\n<p data-height="265" data-theme-id="0" data-slug-hash="mmzeoZ" data-default-tab="result" data-user="felipefreitag" data-embed-version="2" data-pen-title="Random Quote Machine - Free Code Camp" class="codepen">See the Pen <a href="https://codepen.io/felipefreitag/pen/mmzeoZ/">Random Quote Machine - Free Code Camp</a> by Felipe Freitag Vargas (<a href="https://codepen.io/felipefreitag">@felipefreitag</a>) on <a href="https://codepen.io">CodePen</a>. </p>\n<script  src="https://production-assets.codepen.io/assets/embed/ei.js"> </script>',frontmatter:{title:"Random quote machine",date:"Invalid date"}}},pathContext:{slug:"/quote-machine/",previous:!1,next:{fields:{slug:"/first-post/"},frontmatter:{title:"First Free Code Camp Project"}}}}}});
//# sourceMappingURL=path---quote-machine-0a261d846ced81225ff7.js.map