Add grading checklist to milestone 5 doc

Author: dividing-by-zaro

milestones/milestone5.md

@@ -11,12 +11,67 @@ This unit, be sure to complete all tasks listed below. To complete a task, place
 - [ ] Update the status of issues in your project board as you complete them
 - [ ] In `readme.md`, check off the features you have completed in this unit by adding a ✅ emoji in front of their title
   - [ ] Under each feature you have completed, **include a GIF** showing feature functionality
-- [ ] Record a 2 - 4 minute practice run of your demo for Demo Day and include it in the **Demo Video** section below in this document
 - [ ] In this document, complete the **Reflection** section below
-
-## Demo Video
-
-🔗 [Here's a walkthrough of implemented required features](👉🏿👉🏿👉🏿 your link here)
+- [ ] 🚩🚩🚩**Complete the Final Project Feature Checklist section below**, detailing each feature you completed in the project (ONLY include features you implemented, not features you planned)
+- [ ] 🚩🚩🚩**Record a GIF showing a complete run-through of your app** that displays all the components included in the **Final Project Feature Checklist** below
+  - [ ] Include this GIF in the **Final Demo GIF** section below
+
+## Final Project Feature Checklist
+
+Complete the checklist below detailing each baseline, custom, and stretch feature you completed in your project. This checklist will help graders look for each feature in the GIF you submit.
+
+### Baseline Features
+
+👉🏾👉🏾👉🏾 Check off each completed feature below.
+
+- [ ] The project includes an Express backend app and a React frontend app
+- [ ] The project includes these backend-specific features:
+  - [ ] At least one of each of the following database relationship in Postgres
+    - [ ] one-to-many
+    - [ ] many-to-many with a join table
+  - [ ] A well-designed RESTful API
+    - [ ] The API can respond to at least one of each type of request: GET, POST, PATCH, and DELETE
+    - [ ] Routes follow proper naming conventions
+  - [ ] The ability to reset the database to its default state
+- [ ] The project includes these frontend-specific features:
+  - [ ] At least one redirection
+  - [ ] At least one interaction that the user can initiate and complete on the same page without navigating to a new page
+  - [ ] Dynamic frontend routes created with React Router
+  - [ ] Hierarchically designed React components
+    - [ ] Components broken down into categories, including Page and Component types
+    - [ ] Corresponding container components and presenter components as appropriate
+- [ ] The project includes dynamic routes for both frontend and backend apps
+- [ ] The project is deployed on Railway with all pages and features working
+
+### Custom Features
+
+👉🏾👉🏾👉🏾 Check off each completed feature below.
+
+- [ ] The project gracefully handles errors
+- [ ] The project includes a one-to-one database relationship
+- [ ] The project includes a slide-out pane or modal as appropriate for your use case
+- [ ] The project includes a unique field within the join table
+- [ ] The project includes a custom non-RESTful route with corresponding controller actions
+- [ ] The project allows filtering and sorting as appropriate for your use case
+- [ ] Data is automatically generated in response to a certain event or user action. Examples include generating a default inventory for a new user starting a game or creating a starter set of tasks for a user creating a new task app account
+- [ ] Data submitted via a POST or PATCH request is validated before the database is updated
+
+### Stretch Features
+
+👉🏾👉🏾👉🏾 Check off each completed feature below.
+
+- [ ] A subset of pages require the user to log in before accessing the content
+  - [ ] Users can log in and log out via GitHub OAuth with Passport.js
+- [ ] Restrict available user options dynamically, such as restricting available purchases based on a user's currency
+- [ ] Show a spinner while a page or page element is loading
+- [ ] Disable buttons and inputs during the form submission process
+- [ ] Disable buttons after they have been clicked
+- [ ] Users can upload images to the app and have them be stored on a cloud service
+- [ ] 🍞 [Toast messages](https://www.patternfly.org/v3/pattern-library/communication/toast-notifications/index.html) deliver simple feedback in response to user events
+
+## Final Demo GIF
+
+🔗 [Here's a GIF walkthrough of the final project](👉🏾👉🏾👉🏾 your link here)
 
 ## Reflection
 
@@ -28,14 +83,14 @@ This unit, be sure to complete all tasks listed below. To complete a task, place
 
 [👉🏾👉🏾👉🏾 your answer here]
 
-### Did you finish all of your tasks in your sprint plan for this week? If you did not finish all of the planned tasks, how would you prioritize the remaining tasks on your list?
+### 3. What were some of the highlights or achievements that you are most proud of in this project?
 
 [👉🏾👉🏾👉🏾 your answer here]
 
-### Which features and user stories would you consider “at risk”? How will you change your plan if those items remain “at risk”?
+### 4. Reflecting on your web development journey so far, how have you grown since the beginning of the course?
 
 [👉🏾👉🏾👉🏾 your answer here]
 
-### 5. What additional support will you need in upcoming units as you continue to work on your final project?
+### 5. Looking ahead, what are your goals related to web development, and what steps do you plan to take to achieve them?
 
-[👉🏾👉🏾👉🏾 your answer here]
+[👉🏾👉🏾👉🏾 your answer here]