This project was bootstrapped with Create React App.

In the project directory, you can run:

and

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

• I have used Style components as CSS framework, some components (like Layout) I had built them before in a previous project I worked in, see Styleguide. That made the CSS para a bit easier.
• That was my first time using graphQL, I only had experience with REST API's, so after doing some research I decided to use Apollo to fetch the data.
• Also used React-Router for page navigation.

If that was a real producction application I would add a proper state management, like redux and persist, so data would not vanish when navigating between screens.