Design Front-end for Students

[gabrielshufelt]

No need to write code for this, simply draw a sketch using Figma or any other tool, take a screenshot of the design and place it in the root directory of the project

Design a website template for the students once they are logged in with the following components:

• Navigation bar: Links to: Dashboard, Teams, Evaluations, Feedback, and Sign Out.

• Dashboard: Lists upcoming assessments, your overall score, and progression chart

• Teams:

  • If you don’t belong to a team: “Create a new Team” button at the top of the page. All the other teams and their team members are listed below, and each team has a “Join Team” button.
  • If you belong to a team: Lists your current team at the top of the page with all the team members and a “Leave team” button, then all the other teams and their team members are listed below.

• Evaluations:

  • Header: There is a button to ‘Create a new Assessment’.
  • “Create a new assessment” form: Allows students to rate teammates on a 7-point scale for cooperation, conceptual contribution, practical contribution, and work ethic. Includes optional comment boxes.
  • Assessments completed: Below the overview box, there is a list with all the assessments that the user completed in the past (student assessed, assessment date, cooperation, conceptual contribution, practical contribution, work ethic, and assessment notes).

• Feedback

  • Overview: Below the header, there is a ‘Overview’ box with your stats (ex. Cooperation: 6/7, Conceptual Contribution: 6.5/7, …), as well as a list containing each assessment done on the student by others students.

• Settings: Edit Personal Information (email, password)