baconbravo / payency Goto Github PK

Logs data entered by a visitor on the site that saves the compensation data to a DynamoDB database table with the agreed upon table schema

We need some development data for some of these tasks. Create some dummy data that we can use and record it in our DynamoDB table.

Requirements

• Number of schools: 5
• Number of companies: 5
• Number of roles: 2 (maybe SW engineer and Prod manager?)

This card placeholder card will serve two purposes:

1. Hide any latency from making API calls to fetch the data that will be displayed
2. To substitute any cards that we lack sufficient data for. For instance, if we display Cal and Stanford and select Google as the company, maybe we'll have data for Cal but not for Stanford. In this case, Stanford will display a CardPlaceholder instance.

Requirements:

• Use the Semantic UI kit to create a custom placeholder class that resembles our CompanySchoolCard: https://react.semantic-ui.com/elements/placeholder/

Allow users to input their offer letter information

Requirements:

• Use Semantic UI's form collection: https://react.semantic-ui.com/collections/form/

• Two Forms

  • First is the Thanks for contributing page (Firgma Desktop - 14)
    • User selects type of information they want to contribute and then selects Next for form 2
  • Second is the Add your Salary Page (Figma Desktop - 15)
    • Talk to Edward on how you want to communicate to the user that all fields are require an answer (input validation) You can add a message to the top of the form, to the bottom of the form, or even highlight all missing fields
  • Go to https://react.semantic-ui.com/collections/form/#states-field-error-label for examples of input validation

Since we lack data, most filters will not apply once we launch; Users might feel left out if they search for their school and it's not found (assumption). Let's hold off on the search bar for now until we have enough offers that filtering via schools is actually applicable.

Requirements:

• Search bar auto-populates school options when typing into it.
• Fix the school options to schools in California only.

This is the modal card that pops up when a CompanySchoolCard is selected.

Requirements:

• TBD

Requirements:

• Use Semantic UI's Grid component: https://react.semantic-ui.com/collections/grid/
• Rows by Companies
• Columns by School
• Display placeholder cards for Company/School selections that do not exist.

Requirements:

• Use Edward's Add Salary input form as a reference for how you want to store the data. Consider how we can query the data for displaying it for page visitors

Button Requirements:

• Use semantic UI's Menu collection: https://react.semantic-ui.com/collections/menu/ (scroll down for examples)

• Left: Logo (use some time of placeholder if logo is not complete)

  • Navigates you to homepage when clicked

• Right: Add Salary

  • Navigates you to the start of the Add Salary form (Figma Desktop - 14)

These dropdown menus are the filters a visitor needs to use to display compensation data

Requirements:

• Only one Role can be selected.
• A maximum of 4 companies can be selected. If the limit is reached, hide the Add dropdown for companies
• If any of the Filters are updated, refetch and display the new cards.

• Fetch filtered data based on inputs the following inputs:
  • role - Job Title
  • company - Employer
  • school - The university that the student is attending or graduated from

Requirements:

• Average base pay
• Median base pay?
• Benefits bar