The intent of this coding test is to assess your ability to work with the React framework. We want you to display your knowledge of software design patterns, as well as your understanding of best practices in HTML, CSS, JavaScript and responsive web design.
-
Create an input field to hold an id value along with a button, when the button is clicked it should fetch the post information using the API https://jsonplaceholder.typicode.com/posts/:id
-
Design a modal component that will display the received from the API’s response.
-
Allow the user to change the information and display it on the main screen (not in console.log)
Open the Demo in: https://ksquareinc-assessment.herokuapp.com
After creation, your project should look like this:
ksquareinc-assessment/
README.md
package.json
.gitignore
public/
index.html
favicon.ico
manifest.json
src/
components/
modal/
index.js
Modal.js
styles/
mainStyle.css
modelStyle.css
App.css
App.js
App.test.js
index.css
index.js
serviceWorker.js