Skip to content

Latest commit

 

History

History
33 lines (30 loc) · 2.11 KB

presentation-guide.md

File metadata and controls

33 lines (30 loc) · 2.11 KB

Phase 2 Presentation Guide

This document presents a summary of the presentation. The steps below are organized in chronological order.

Browser Demonstration

  1. Demonstrate login page, failing at least once
  2. After login, show browser local storage
  3. Describe general application layout (navbar and content)
  4. Demonstrate project functionalities (list, create, details, edit)
  5. Try creating an issue without a start state
  6. List states, emphasis on closed and archived state (can't edit or remove and closed has a transition to archived)
  7. Create a start state, demonstrate state functionalities (edit, delete, change state), add transition to closed state
  8. Show network requests on browser when searching states
  9. Create issue with start state, demonstrate issue functionalities
  10. Demonstrate issue comments functionalities (create, details, edit)
  11. Fill issue comments to show pagination support
  12. Bookmark to show deep-linking support
  13. Close issue (show close date), and archive (show comments)
  14. Demonstrate label functionalities (create, add to issue)
  15. Delete project, try accessing bookmark (404)
  16. Demonstrate users page
  17. Log-out, try to access a page that requires authentication

Code Structure Demonstration

  1. Show directories organization
  2. Show App start-up code
  3. Demonstrate fetchRoutes, emphasize hypermedia support and error handling
  4. Describe how credentials are stored and managed through userSession and LoginPage
  5. Show overview of routes, explaining how the app supports deep-linking (through react-router)
  6. Demonstrate ProjectsPage, explaining how the component state is managed and how the API response changes the component structure based on the presence of an action
  7. Show CreateProject, demonstrate how the form works and how the API requests are made
  8. Demonstrate Paginated