dlsuxsoc/uxsoc2021

Create Team Section in About

Closed this issue · 0 comments

gavindizon commented

Task Summary

using, the branch feat-about-team populate the team section using the data from team members data from Notion.

Steps

  1. Create getTeam.js at pages/api - this is where you will be retrieving the Notion data.
  2. Call the getTeam endpoint at pages/about.js and pass it as a prop leads in the Team component.
    <Team leads={data}/>
  3. Style the Team.js at sections/About/ according to the screenshot below or you may refer to our Figma. (For mobile, 2 persons each row)
  4. Populate all the remaining members at Notion and use a default image (or pm them with consent to use their facebook pfps) if they haven't provided any image yet.

Sample Screenshot

276023593_651468119260910_7112223327240635021_n

Other Notes

  1. You may refer to pages/api/getMembershipEmails.js for retrieving Notion data.
  2. For now, do not include the social links yet.