Build a Random Quote Machine (React.js)

Dear All,

I am again seeking feedback, this time on Random Quote Machine project. I have build it with React.js as this library is still challenging for me your comments will be really helpful:

https://eaczechova.github.io/Random-Quote-Machine/

Link to repo:

Also, do you know how successfully paste the code to Test Suite on CodePen:

Thank you in advance for your help!
Ewa :smile:

1 Like

Hi Ewa

I think you have done a great job with the functionality, your app works as expected, and I really liked the quotes you have chosen, well done! :+1:

From a styling point of view, when testing mobile views using firefox dev tools, I noticed on some of the longer quotes the buttons and citations overlay the quote text (see image).

Something else you might want to consider is the level of contrast provided by the colours you have chosen, at least two that I checked fell below the recommended levels for accessibility (again using Firefox dev tools).

Hope that helps :slight_smile:

1 Like

Hi Ewa

Just noticed the question about Codepen.

To get it to work you will need to add the ReactDOM library in the javascript settings drop down (https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.7.0/umd/react-dom.production.min.js)
and change line 33 in your js code to: class App extends React.Component {

Hope that helps :slight_smile:

1 Like

Thank you for your comments, I have to admit that I have test it only in Chrome and Safari and forgot about Firefox making colors pale :slight_smile:

Also, thank you for helping me with codepen issue, is working fine now :slight_smile:

1 Like