[Feedback] Quotes Generator with ReactJS

Hello everyone, here I am sharing the quotes generator project.

  • It was built with React (but not Redux)
  • It was really fun to build the “scrapping” js script to get those quotes from goodreads.com; the list of quotes is hard-coded; ideally it would be fed by some API
  • I had to invest a little bit of time (more than expected) getting around some char encodings
  • Even though it could be better, I’m fairly pleased with the result

Feel free to give me feedback, it is much appreciated! :grinning:
P.S: One of the things I definitely want to add is some Accessibility capabilities

1 Like

It’s very cool ! nice work

Everytime u click the Button, box will change it’s own width, and height along with the content…, also the Button position will change too…
My personal idea is find the ‘longest string’ generate the fixed biggest width and height, set it to the box… or put the button outside of the box.

1 Like

Thanks for the feedbak!
During development I noticed that, it’s not a good UX - but “only if one is rushing through the quotes”, like when testing.

The solution you provide is great (actually these quotes are already the result of applying a filter on their length).

I thought I wanted some “chill vibes”, that’s why I want to add a fading transition between quotes, so people can take time to enjoy each one. Maybe even adding a Autoplay button would be nice, what do you think?

1 Like