# Random Quotes Machine Project

**URL:** <https://forum.freecodecamp.org/t/random-quotes-machine-project/182193>\
**Category:** I Built This\
**Created:** [March 28, 2018, 6:08pm UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193 "2018-03-28T18:08:11Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![SpaniardDev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spaniarddev/32/89850_2.png) [@SpaniardDev](https://forum.freecodecamp.org/u/SpaniardDev)\
**Post date:** [March 28, 2018, 6:08pm UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/1 "2018-03-28T18:08:11Z")

</div>

Hi everyone,

I’ve done this little thing for the Random Quotes Machine project. Actually I think it has lots of things to improve, but I already spent some time on it, so I think it’s final 🙂

I didn’t use any framework (no jQuery, no Bootstrap, etc) that would make my life easier, but it was kind of fun.

It will probably show up badly on some devices because I didn’t test it so much, so if you find any problems with it I would appreciate your comments.

Thank you and happy coding!

[https://codepen.io/spaniarddev/full/mxpzjo/](https://codepen.io/spaniarddev/full/mxpzjo/)

---

<div class="post-metadata">

**Author:** ![JaceyBennett](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jaceybennett/32/80478_2.png) [@JaceyBennett](https://forum.freecodecamp.org/u/JaceyBennett)\
**Post date:** [March 28, 2018, 9:47pm UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/2 "2018-03-28T21:47:50Z")

</div>

Best I’ve seen on freeCodeCamp.

I really enjoy the static background, the way the image in the box changes with the quotes, and the variety of the quotes. I clicked many times and never got the same quote twice.Whether that’s because there were so many quotes or because you programmed the quotes to never repeat, I don’t know, but it’s appreciated.

---

<div class="post-metadata">

**Author:** ![SpaniardDev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spaniarddev/32/89850_2.png) [@SpaniardDev](https://forum.freecodecamp.org/u/SpaniardDev)\
**Post date:** [March 28, 2018, 10:04pm UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/3 "2018-03-28T22:04:16Z")

</div>

Hi Jacey,

I really appreciate your kind words 🙂

The quotes come from an API and most of the time you get new ones (few times it repeat the previous… Nothing very hard to improve though hehe).

The images load, if found, from Wikipedia. Sometimes the author is listed in Wikipedia, but the name appearing in the quotes API doesn’t match exactly, so it then loads the default background.

Again, thank you very much 🙂

Happy coding!

---

<div class="post-metadata">

**Author:** ![minggas](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/minggas/32/82242_2.png) [@minggas](https://forum.freecodecamp.org/u/minggas)\
**Post date:** [March 29, 2018, 12:48am UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/4 "2018-03-29T00:48:13Z")

</div>

I liked a lot, the only thing that i would change is put all the container inside a div with width and height 100%, and a background-color with some alpha, like (rgba(30,30,30,0.7)) to make the quotes more readable.

---

<div class="post-metadata">

**Author:** ![SpaniardDev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spaniarddev/32/89850_2.png) [@SpaniardDev](https://forum.freecodecamp.org/u/SpaniardDev)\
**Post date:** [March 29, 2018, 8:27am UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/5 "2018-03-29T08:27:07Z")

</div>

Hi,

Thank you! That has already been implemented. Maybe the foreground color was too transparent to be noticed, but sometimes the image is too bright to make enough contrast.

Thank you for your review!

Happy coding!

---

<div class="post-metadata">

**Author:** ![sayeh92](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sayeh92/32/117027_2.png) [@sayeh92](https://forum.freecodecamp.org/u/sayeh92)\
**Post date:** [March 29, 2018, 8:42am UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/6 "2018-03-29T08:42:16Z")

</div>

It is an Awesome work.

---

<div class="post-metadata">

**Author:** ![SpaniardDev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spaniarddev/32/89850_2.png) [@SpaniardDev](https://forum.freecodecamp.org/u/SpaniardDev)\
**Post date:** [March 29, 2018, 8:57am UTC](https://forum.freecodecamp.org/t/random-quotes-machine-project/182193/7 "2018-03-29T08:57:19Z")

</div>

Thank you so much. I appreciate it!

Happy coding!

---

<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/random-quotes-machine-project/182193/8 "2021-06-01T13:54:14Z")

</div>

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


