# Feeback needed: Random Quote Machine in React

**URL:** <https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206>\
**Category:** I Built This\
**Created:** [July 24, 2019, 8:02pm UTC](https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206 "2019-07-24T20:02:35Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![michelmarechal](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michelmarechal/32/130183_2.png) [@michelmarechal](https://forum.freecodecamp.org/u/michelmarechal)\
**Post date:** [July 24, 2019, 8:02pm UTC](https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206/1 "2019-07-24T20:02:35Z")

</div>

Hello everyone!

I just finished my first project with React after a few days studying it on FCC. I made it simple and the goal was to work with React, so I didn’t invest a lot of time on the CSS. Your feedback is highly appreciated and I’m looking forward to hearing about how to improve my JavaScript code.

[https://codepen.io/michelmarechal/pen/GVZzXL?editors=0110](https://codepen.io/michelmarechal/pen/GVZzXL?editors=0110)

---

<div class="post-metadata">

**Author:** ![plethoire](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/plethoire/32/120476_2.png) [@plethoire](https://forum.freecodecamp.org/u/plethoire)\
**Post date:** [July 24, 2019, 8:22pm UTC](https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206/2 "2019-07-24T20:22:43Z")

</div>

nice simplistic design!

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/1/d/1d810dc94bebcd463a06de1961ed15f59dd6cd48.png)

also, this quote came along, gave me a smile lol. very motivating quote.

good job tho 🙂

---

<div class="post-metadata">

**Author:** ![michelmarechal](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michelmarechal/32/130183_2.png) [@michelmarechal](https://forum.freecodecamp.org/u/michelmarechal)\
**Post date:** [July 24, 2019, 8:26pm UTC](https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206/3 "2019-07-24T20:26:58Z")

</div>

Damn! That’s weird! It was the first placeholde I used in this project lol! Maybe it’s cached on CodePen for some reason ☹

This is the current version:

 ![Anota%C3%A7%C3%A3o%202019-07-24%20174859](https://global.discourse-cdn.com/freecodecamp/original/3X/d/3/d3bcb2d4ce332c7bce028ae1ea9dc764a67b7236.jpeg)

---

<div class="post-metadata">

**Author:** ![plethoire](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/plethoire/32/120476_2.png) [@plethoire](https://forum.freecodecamp.org/u/plethoire)\
**Post date:** [July 24, 2019, 10:08pm UTC](https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206/4 "2019-07-24T22:08:32Z")

</div>

> [@michelmarechal](#):
>
> Damn! That’s weird! It was the first placeholde I used in this project lol! Maybe it’s cached on CodePen for some reason ☹

the design is there now. looks very nice.

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/2/f/2f87906c378c763a279cdd7bd75660d4ee238d3e.jpeg)

---

<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:** [February 6, 2021, 1:31pm UTC](https://forum.freecodecamp.org/t/feeback-needed-random-quote-machine-in-react/298206/5 "2021-02-06T13:31:43Z")

</div>

Closed on February 6, 2021, 1:31pm UTC


