What are we going to do for tomorrow’s meeting.

Onboarding has finished. Now what?

• Gonna start putting people on actual projects

  • Uni-lectives: Daniel + Christina + Bri + Grace

  • Federated Auth: Darian + Lucy + Viv + Derek

What are their tasks?

Uni-lectives

Two people will work on the post page, one person will work on making the review cards and filtering + searching.

• Make review cards: https://linear.app/csesoc/issue/UIX-25/creating-review-card (solo task)

• Post page: https://linear.app/csesoc/issue/UIX-26/review-page (pair task)

• Filter + Search: https://linear.app/csesoc/issue/UIX-28/search-bar (solo task)

You should reach out to each other for reviews first before asking the whole team. Feel free to work together in a call as all of these tasks are relatively related to each other.

https://www.figma.com/file/b7MkBdcTblIqYANCevVICS/Unilectives-Wireframe?node-id=19%3A2&t=GHdC1DnZ5rbCD5Zs-0

Federated Auth

• User profile lofi https://linear.app/csesoc/issue/UIX-29/user-profile-page

• Consent screen https://linear.app/csesoc/issue/UIX-27/consent-screen

• Pop up modals for terms and condition kinda stuff https://linear.app/csesoc/issue/UIX-30/modals

• Make existing inputs into a component https://linear.app/csesoc/issue/UIX-31/inputs

• Bri + Viv (7/10)

  • Need more autolayouts

  • Could have more colours

    • Captures attention of the reader

  • Heaps of padding issues

  • Consider position of ‘Back and Proceed to Payment’ buttons (not very logical since they should be closer to each other)

  • Consistent buttons

• Daniel + Lucy (9/10)

  • UI looks great, nice design

  • Minor issues:

    • Should use tokens for buttons (consistency for roundness etc.)

    • Search bar is a bit funky (looks like a button)

    • Need to reconsider search bar animation

    • Change padding to make it less cramped

    • Follow guidelines for font size ratio online

• Christina + Derek (due this Sunday)

• Some UI/UX vocab for different components:

  • Modal

  • Disabled button

  • Button

  • Button with icon (see https://ant.design/components/button for more naming!)

  • Link button

  • Card

  • Stepper

  • Layout (i.e. grid)

    • <NavBar /> <div> {children} </div>