# My random quote machine, looking for feedback

**URL:** <https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841>\
**Category:** I Built This\
**Created:** [March 26, 2018, 10:05pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841 "2018-03-26T22:05:05Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![fajfara](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fajfara/32/90119_2.png) [@fajfara](https://forum.freecodecamp.org/u/fajfara)\
**Post date:** [March 26, 2018, 10:05pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/1 "2018-03-26T22:05:05Z")

</div>

At first i thought this was going to be hard, since i am a total JS newbie. But after 1 hour and a half and lots of help from Google i did it! Here is my project:  
[Codepen link](https://codepen.io/fajfara/pen/pLdbEL)  
Would love to hear your opinions, thanks 😃

---

<div class="post-metadata">

**Author:** ![JohnnyBizzel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnnybizzel/32/37661_2.png) [@JohnnyBizzel](https://forum.freecodecamp.org/u/JohnnyBizzel)\
**Post date:** [March 27, 2018, 10:51am UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/2 "2018-03-27T10:51:36Z")

</div>

Hi. Good job but that button shaking is **annoying**.  
If you want to do that, do it once, not continuously.

---

<div class="post-metadata">

**Author:** ![arhillis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arhillis/32/158968_2.png) [@arhillis](https://forum.freecodecamp.org/u/arhillis)\
**Post date:** [March 27, 2018, 11:36am UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/3 "2018-03-27T11:36:20Z")

</div>

Also, the animation on the header is quite distracting. I’m not really one for continuous animations.

---

<div class="post-metadata">

**Author:** ![lionel-rowe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lionel-rowe/32/41877_2.png) [@lionel-rowe](https://forum.freecodecamp.org/u/lionel-rowe)\
**Post date:** [March 27, 2018, 11:50am UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/4 "2018-03-27T11:50:22Z")

</div>

Looks great (apart from the infinite animations)! So far, you’re here:

- User Story: I can click a button to show me a new random quote. ✅
- User Story: I can press a button to tweet out a quote. ❌

---

<div class="post-metadata">

**Author:** ![fajfara](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fajfara/32/90119_2.png) [@fajfara](https://forum.freecodecamp.org/u/fajfara)\
**Post date:** [March 28, 2018, 12:08pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/5 "2018-03-28T12:08:30Z")

</div>

Changes:

- Added in the buttons for enabling/disabling animation class for h1. In future i might look into something like a toggle switch 🙂
- Added the tweet button and its functionality, works great.

So this is the finished product: [Finished RQM](https://s.codepen.io/fajfara/debug/pLdbEL/GnrnbVPJpopr)

---

<div class="post-metadata">

**Author:** ![JohnnyBizzel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnnybizzel/32/37661_2.png) [@JohnnyBizzel](https://forum.freecodecamp.org/u/JohnnyBizzel)\
**Post date:** [March 28, 2018, 3:15pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/6 "2018-03-28T15:15:05Z")

</div>

“This debug view expired.”

---

<div class="post-metadata">

**Author:** ![fajfara](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fajfara/32/90119_2.png) [@fajfara](https://forum.freecodecamp.org/u/fajfara)\
**Post date:** [March 28, 2018, 4:07pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/7 "2018-03-28T16:07:51Z")

</div>

ups my bad, sorry 🙂  
[link directly to pen](https://codepen.io/fajfara/pen/pLdbEL)

---

<div class="post-metadata">

**Author:** ![JohnnyBizzel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnnybizzel/32/37661_2.png) [@JohnnyBizzel](https://forum.freecodecamp.org/u/JohnnyBizzel)\
**Post date:** [March 28, 2018, 4:10pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/8 "2018-03-28T16:10:35Z")

</div>

Much better. Well done 👍

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:54pm UTC](https://forum.freecodecamp.org/t/my-random-quote-machine-looking-for-feedback/181841/9 "2021-06-01T13:54:12Z")

</div>

Closed on June 1, 2021, 1:54pm UTC