# React Quote Machine Feedback Request

**URL:** <https://forum.freecodecamp.org/t/react-quote-machine-feedback-request/258869>\
**Category:** I Built This\
**Created:** [February 14, 2019, 7:49pm UTC](https://forum.freecodecamp.org/t/react-quote-machine-feedback-request/258869 "2019-02-14T19:49:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![airathalis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/airathalis/32/93913_2.png) [@airathalis](https://forum.freecodecamp.org/u/airathalis)\
**Post date:** [February 14, 2019, 7:49pm UTC](https://forum.freecodecamp.org/t/react-quote-machine-feedback-request/258869/1 "2019-02-14T19:49:38Z")

</div>

Hey everyone,

Here is my quote machine project for the front-end libraries certification, [React Quote Machine](https://codepen.io/airathalis/full/LqdRZK).

I tried to add a seasonality theme with different backgrounds. The project should be fully responsive until about 300px or so, which I haven’t tested that much below. One of the difficult things I ran into with using react here was trying to get fade animations to work because the react state rerendering would just immediately pop them into existence. I tried to use a react specific libraries to help with that, but the one I used was just not working as intended. So, I had to default back to CSS animations and using a fair amount of vanilla JS. In the end, I think it turned out pretty good. Any feedback would be appreciated!

---

<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 7, 2021, 7:26am UTC](https://forum.freecodecamp.org/t/react-quote-machine-feedback-request/258869/2 "2021-02-07T07:26:00Z")

</div>


