For this project, I used:
- A little SCSS in CSS;
- React to render the quote box;
- Redux and React-Redux to map the local state to a Redux store.
Also, I used HTML5 Boilerplate https://html5boilerplate.com/ as a start of my project (the CSS code contains its preset rules).
Project link https://codepen.io/akidox/full/GYrbmX/.
There is bug that I don’t know how to deal with, the data fetched from Quotesondesign API has a form of something looks like this [{'content': 'quote text', 'title': 'author', ...}]
, the quote text
in the content
key which is a string contains HTML tags (also string) and HTML entities, for now, I treat the content
as simple strings.