Displayer Page 🔍

Software development plan (🌊Waterfall methodology)

🚩 Requirements

📌 Page that receives JSON data and displays it in the DOM
📌 Use JSONPlaceholder API
📌 Display each 'USER' in a table using jQuery
📌 When the user selects a 'USER' in the table, all the 'POSTS' that were created by that 'USER' will be displayed

🚩 Design

🚩 Implementation

• Receive JSON data and display it
  

• API JSONPlaceholder
  To have users use the /users resource provided by the JSONplaceholder API and to have posts use /posts
  https://jsonplaceholder.typicode.com/users
  https://jsonplaceholder.typicode.com/posts
  

• Display each 'USER' in a table using jQuery
  

• Show a user's 'POSTS' when they select it
  

• Styling the background (styles.css)
  

• Styling the container and table (styles.css)
  

🚩 Verification

Phase where the system was executed and a verification of the above requirements was performed
📌 Page that receives JSON data and displays it in the DOM ✔️
📌 Use JSONPlaceholder API ✔️
📌 Display each 'USER' in a table using jQuery ✔️
📌 When the user selects a 'USER' in the table, all the 'POSTS' that were created by that 'USER' will be displayed ✔️

🚩 Launch

Watch the proyect => https://displayerpage.netlify.app/