As a middle school student interested in computer science, I want to be able to view my profile, where I (and others) can see my featured projects and earned badges to show off to my friends. (Student Profile View) 5

[matthewself12]

Sprint 2 Info

Acceptance Criteria

• [x] Featured projects are displayed in a tab of the profile page
• [x] Students can view the profile of other students that are in their classroom

Tasks

• [x] Add Featured Projects functionality to Student Profile, using dummy data (Matthew)
• [x] Add Classroom Search option to menu (Syd)
• [x] Classroom Search page front-end, allowing for searching students in class (Syd)
• [x] Classroom Search page back-end (retrieving students in classroom) (Matthew)
• [x] View profile of other students (non-editable profile view) (Matthew)

Sprint 1 Info

Acceptance Criteria

• [x] Profile can be viewed when signed is as a student

• [x] Featured projects are displayed in a tab of the profile page
• [x] Earned badges are displayed in a tab of the b of the profile page

Tasks

• [x] Familiarization and Planning
• [x] Profile Page Front-End Structure
• [x] Profile - Featured Projects
• [x] Profile - Badges Earned

Documentation

• Familiarization and Planning

  • Read through the Strapi backend documentaton (Swagger)
  • Planned out the Student Profile view through wireframing (pre-Sprint 1)
  • Discussed the Badge Collection Type with Ronan in class link to notes: https://docs.google.com/document/d/1gPwP1qNYsmZXestzZo12u187bSJiJIFzywVNJmaY9q8/edit

• Profile Page Front-End Structure

  • Created new React view called StudentProfile.jsx in client/views/StudentProfile
  • Used react-tabs package to create tabbed-window view
  • Tabs change automatically on click of header, rendering panel view

• Profile - Featured Projects

  • Still in-progress
  • Currently a tab in the react-tabs container, but nothing in the tab-panel
  • Need to create dummy data for Sprint 2, or integrate with Project 15 team (saved/shared student projects)

• Profile - Badges Earned

  • Created "Earned Badges" tab in the profile front-end
  • Used http-get requests to retrieve current logged-in student ("me" handler in api/student/controllers)
  • Parse the badge data from the student object http response, and display the badges
  • Ronan worked on the displaying of the badges, in a way that the badges don't get cutoff with differing window sizes

[matthewself12]

Additional Tasks (Future):

• [x] Badge Collection Backend
• [ ] Student Profile Picture?
• [ ] Student Profile Banner

[matthewself12]

Unfinished Task: Featured Projects

• Need to implement dummy data or work with Project 15 group in order to add shared projects to the student profile view.