This document presents a summary of the presentation. The steps below are organized in chronological order.
- Demonstrate login page, failing at least once
- After login, show browser local storage
- Describe general application layout (navbar and content)
- Demonstrate project functionalities (list, create, details, edit)
- Try creating an issue without a start state
- List states, emphasis on
closed
andarchived
state (can't edit or remove andclosed
has a transition toarchived
) - Create a start state, demonstrate state functionalities (edit, delete, change state), add transition to
closed
state - Show network requests on browser when searching states
- Create issue with start state, demonstrate issue functionalities
- Demonstrate issue comments functionalities (create, details, edit)
- Fill issue comments to show pagination support
- Bookmark to show deep-linking support
- Close issue (show close date), and archive (show comments)
- Demonstrate label functionalities (create, add to issue)
- Delete project, try accessing bookmark (404)
- Demonstrate users page
- Log-out, try to access a page that requires authentication
- Show directories organization
- Show App start-up code
- Demonstrate fetchRoutes, emphasize hypermedia support and error handling
- Describe how credentials are stored and managed through userSession and LoginPage
- Show overview of routes, explaining how the app supports deep-linking (through react-router)
- 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
- Show CreateProject, demonstrate how the form works and how the API requests are made
- Demonstrate Paginated