React Native Example Project

[BenRongey]

Remember the React quote builder you built a few steps back? Now you get to build it again and extend it a bit, but as a React Native app.

A refresher:

Scenario 1: Building an estimate from list of people, hours per week, cost per hour, and number of weeks.

WHEN I click an "add person" button

• [ ] THEN I see a new person row in the calculator
• [ ] AND the row has an input for person's name and for "hours per week"
• [ ] AND when I change the "# of hours" input, total hours per week are calculated below all the person rows

WHEN I change an input labeled "hourly rate"

• [ ] THEN a "cost per week" label fills in with cost per week = total hours * hourly rate

WHEN I change an input labeled "number of weeks"

• [ ] THEN a "total phase cost" input fills in with a total cost = cost per week * number of weeks

Scenario 2: Working backwards from budget to number of weeks

GIVEN I have already input the people, hours per week, hourly rate and we have calculated a cost per week WHEN I change the "total phase cost" input

• [ ] THEN we adjust the number of weeks such that it matches the new phase cost allowed

New feature:

Scenario 3: Working backwards from budget to hours per week

GIVEN I have already input the people, hours per week, hourly rate and we have calculated a cost per week AND I change the "total phase cost" input

• [ ] I see two buttons with the options to Adjust number of weeks or Adjust hours per week

WHEN I press Adjust number of weeks

• [ ] The number of weeks changes as described above
• [ ] AND the hours per week stays the same

WHEN I press Adjust hours per week

• [ ] The number of hours per week changes to match the new total cost
• [ ] AND the number of weeks remains the same