Election Candidates React Assessment Rubric

Group X - Essentials Completed

• Data is properly displayed: Candidate data is correctly rendered on the screen.
• Cards auto populate on page: Candidate cards are visible upon page load.
  • Proper use of map: The map function is used effectively to iterate over candidate data.
  • Use of props: Data is passed to components using props.
• Clean JSX: JSX code is well-formatted and easy to read.

Group Y - Basic Functionality

• Data is properly displayed: Candidate data is correctly rendered on the screen.
• Cards auto populate on page: Candidate cards are visible upon page load.
  • Proper use of map: The map function is used effectively to iterate over candidate data.
  • Use of props: Data is passed to components using props.
• Clean JSX: JSX code is well-formatted and easy to read.
• Proper component architecture/Component hierarchy: Components have a logical structure and hierarchy.

Group Z - UI Present

• Data is properly displayed: Candidate data is correctly rendered on the screen.
• Cards auto populate on page: Candidate cards are visible upon page load.
  • Proper use of map: The map function is used effectively to iterate over candidate data.
  • Use of props: Data is passed to components using props.
• Clean JSX: JSX code is well-formatted and easy to read.
• Proper component architecture/Component hierarchy: Components have a logical structure and hierarchy.
• UI/UX matches the mock-up: The application's user interface matches the provided design.