felipefunes/simple-front-test.html

## simple-front-test.html
<!DOCTYPE html>
<html>
  <head>
    <title>Simple JavaScrip Test</title>
  </head>
  <body>
    <div id="app"></div>
    <script>
      /*
         Please put inside the div with id 'app' the last 5 posts (ordered by id)
         from this endpoint https://jsonplaceholder.typicode.com/posts
         Add to the DOM items with each post showing title and body.

        2. Add a button at the bottom of each post with the text "Show last comments",
        which on click load the last 3 comments for this posts between the current post and the next one.
        Please request comments just when it's needed. Here is the endpoint with the comments:
        https://jsonplaceholder.typicode.com/comments

        3. Include a console.error if any request returns an error.

        4. About styles, don't think about look & feel, but set the div with id 'app' centered vertical and horizontal
        to the window with a max-width of 320px. Besides, use an space between posts and diferenciate the font for titles and body text.

        Please use ES6. Besides, you are allowed to use Angular, React or Vue, but it isn't mandatory.

        Send your answer using a web service like https://codepen.io/

        If you have any doubts, write a comment here or send a message throgh Get on Board.
      */
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Simple JavaScrip Test</title>
	</head>
	<body>
	<div id="app"></div>
	<script>
	/*
	Please put inside the div with id 'app' the last 5 posts (ordered by id)
	from this endpoint https://jsonplaceholder.typicode.com/posts
	Add to the DOM items with each post showing title and body.

	2. Add a button at the bottom of each post with the text "Show last comments",
	which on click load the last 3 comments for this posts between the current post and the next one.
	Please request comments just when it's needed. Here is the endpoint with the comments:
	https://jsonplaceholder.typicode.com/comments

	3. Include a console.error if any request returns an error.

	4. About styles, don't think about look & feel, but set the div with id 'app' centered vertical and horizontal
	to the window with a max-width of 320px. Besides, use an space between posts and diferenciate the font for titles and body text.

	Please use ES6. Besides, you are allowed to use Angular, React or Vue, but it isn't mandatory.

	Send your answer using a web service like https://codepen.io/

	If you have any doubts, write a comment here or send a message throgh Get on Board.
	*/
	</script>
	</body>
	</html>