# Rick and Morty quotes generator **URL:** \ **Category:** I Built This\ **Created:** [May 19, 2019, 7:22pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368 "2019-05-19T19:22:42Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![omdhiraj](https://avatars.discourse-cdn.com/v4/letter/o/45deac/32.png) [@omdhiraj](https://forum.freecodecamp.org/u/omdhiraj)\ **Post date:** [May 19, 2019, 7:22pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/1 "2019-05-19T19:22:42Z")
Hi guys! I created a rick and morty random quotes generator using react. This is my first react project. Please give feedback. project link: ([https://odgripginger.github.io/random-quote-machine/](https://odgripginger.github.io/random-quote-machine/)). Thanks. ---
**Author:** ![LoneWanderer](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lonewanderer/32/113832_2.png) [@LoneWanderer](https://forum.freecodecamp.org/u/LoneWanderer)\ **Post date:** [May 20, 2019, 5:40pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/2 "2019-05-20T17:40:05Z")
I think the background colors make hard to read sometimes (think about visually impaired people). Apart from that, good work! ---
**Author:** ![omdhiraj](https://avatars.discourse-cdn.com/v4/letter/o/45deac/32.png) [@omdhiraj](https://forum.freecodecamp.org/u/omdhiraj)\ **Post date:** [May 20, 2019, 6:12pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/3 "2019-05-20T18:12:46Z")
I was thinking about the same. I will make the background more subtle. ---
**Author:** ![imendieta](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/imendieta/32/71340_2.png) [@imendieta](https://forum.freecodecamp.org/u/imendieta)\ **Post date:** [May 20, 2019, 6:16pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/4 "2019-05-20T18:16:12Z")
Also will be nice to have a container fixed, meaning everything a quote will show up, the same white container will stay in place they will not let your eyes concentrate from the quotes, its a bit annoying for my taste, will that my opinion =) ---
**Author:** ![omdhiraj](https://avatars.discourse-cdn.com/v4/letter/o/45deac/32.png) [@omdhiraj](https://forum.freecodecamp.org/u/omdhiraj)\ **Post date:** [May 21, 2019, 8:19pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/5 "2019-05-21T20:19:39Z")
this is true. transition to next quote seems abrupt. I am trying to add a transition so that the quote box expands or shrinks on clicking (next quote) instead of abruptly changing height. But I don’t know how to do that as of now. ---
**Author:** ![imendieta](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/imendieta/32/71340_2.png) [@imendieta](https://forum.freecodecamp.org/u/imendieta)\ **Post date:** [May 22, 2019, 6:06am UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/6 "2019-05-22T06:06:52Z")
I can help you get something similar, to what you want with transitions, let me work on it… and i be glad to help you, i be doing it with Vanilla JS, hope thats ok with you. ---
**Author:** ![omdhiraj](https://avatars.discourse-cdn.com/v4/letter/o/45deac/32.png) [@omdhiraj](https://forum.freecodecamp.org/u/omdhiraj)\ **Post date:** [May 22, 2019, 12:27pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/7 "2019-05-22T12:27:15Z")
Sure. Source code is available at [https://github.com/odgripginger/random-quote-machine](https://github.com/odgripginger/random-quote-machine) ---
**Author:** ![imendieta](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/imendieta/32/71340_2.png) [@imendieta](https://forum.freecodecamp.org/u/imendieta)\ **Post date:** [May 24, 2019, 5:04am UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/8 "2019-05-24T05:04:55Z")
Hi there, I will get back to you ASAP i wil read your code and, also try to help you get the transition working. Thanks for sharing your project. Ivan. ---
**Author:** ![robertgroves](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/robertgroves/32/209852_2.png) [@robertgroves](https://forum.freecodecamp.org/u/robertgroves)\ **Post date:** [May 24, 2019, 6:06am UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/9 "2019-05-24T06:06:50Z")
Aside from the other things people had already mentioned: When you first land on the page it always seems to give the same quote. Maybe randomize the first quote when a user first loads the page as well. Another suggestion is to disable the Twitter button if the quote is longer than the max allowed tweet length so that the quote doesn’t get cut off in the tweet. Good job! ---
**Author:** ![omdhiraj](https://avatars.discourse-cdn.com/v4/letter/o/45deac/32.png) [@omdhiraj](https://forum.freecodecamp.org/u/omdhiraj)\ **Post date:** [May 24, 2019, 5:01pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/10 "2019-05-24T17:01:43Z")
Didn’t think about tweet length. Thanks for pointing that out. I will make the suggested changes 🙂 ---
**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:35pm UTC](https://forum.freecodecamp.org/t/rick-and-morty-quotes-generator/278368/11 "2021-02-06T13:35:37Z")
Closed on February 6, 2021, 1:35pm UTC