Student Profile Displays Badges (1)

[MaryHanson11]

Story: As a student I want to be able to display badges on my profile to show completion of my work and feel rewarded for completing a challenge assignment.

Weight: 1 Estimated Hours: 5

1. Add badge display component box to the student page [1]
2. Add functionality to fetch badges from database and display on page [2]
3. Make display update as new badges are added [2]

Acceptance Criteria: The badges that a student has received appear on their profile.

[chrisnicollo]

End of sprint 1 note: I did not find the time to start working on any of the tasks for this user story.

[chrisnicollo]

End of sprint 2 note: I have successfully completed this task. When a student receives a badge, it is displayed in a widget on their profile. The profiles of students with no badges display a message that they can complete challenges to receive badges. I tested this by awarding 0, 1, or multiple badges to students and ensuring they displayed on the profile as expected. I ensured that this worked on the profiles of different students. I tested students having been awarded badges with different icons, and confirmed that the different icons displayed as expected. Finally, I tested that this all worked when our code was merged together.

[chrisnicollo]

Note also that my code for this feature, which was originally worked on in cc/display_student_badges is currently integrated with other team members' code in the branch challenge-view-and-profile.

Also see below the initial wireframe for how the badge display widget should look on the student profile page.

[chrisnicollo]

This is currently how the badge display widget looks on the student page.