As a user of this awesome, sexy, unbelievable calculator
I want to see my time cost in a hours - days (weeks, months come later) etc format
So that my brain can actually and more easily process larger numbers

Acceptance criteria:
Duration is displayed in human-readable length and resizes itself based on the largest value in both the cursor popup and the browser menu.

Test cases:

Test wage: $10.
Test workday: 8 hours.

PRICE :: EXPECTED DURATION.

Hours only test:
$1 :: 1 hour
$10 :: 1 hour
$10.01 :: 2 hours // Add the s via if-else I guess
$70 :: 7 hours
$71 :: 1 day // Because 8 hours is the length of one workday

$81 :: 1 day, 1 hour // 9 hours, basically

$171 :: 2 days, 2 hours

Hmm, I guess days is fine for now. I know that some people have variable workweeks so we can add settings page at some point for users to fine-tune their work data.

Work description:
Add UI field to the browser menu to accept workday duration.
Add logic to save duration in storage.
Add logic to "pretty-print" the time cost for rates.
Add this same logic to the mouse popup.
Display the data in the mouse popup (just for transparency, I guess).

As a user
I want to see the hours in the conversion text
So that it can give me more perspective...

Conversion text example:

Acceptance criteria:
hours appears under the current conversion text. so like

10 day(s), 3 hour(s)
83 hour(s)

Work description:
Somwhere around this line, add the logic needed.
It's just multiplication.

As a user
I want my data synced to my account
So that if I switch computers, I can pick up where I left off with this tool.

Acceptance criteria:
Data schema is planned on the pretense that any references / interactions with data storage/retrieval use chrome.storage.sync.

Work description:
Figure out what data we would want to save (example) and what the schema looks like (ie. JSON object? Individual key value pairs?).
Use chrome.storage.sync instead of local storage.
A sample line for where to make this switch.

That sounds like a useful extension! Here are some ideas to enhance its functionality:

1. Customizable Conversion Rate: Allow users to set their own hourly wage and currency for more accurate calculations.

2. Price Comparison: Show the hourly wage representation alongside the regular price to help users compare products more easily.

3. Savings Calculator: Display how many hours of work a user would save by choosing a cheaper product or alternative option.

4. Time Tracking: Offer an option to track the time spent working to earn enough for a specific item.

5. Multiple Currencies: Support various currencies for international users and offer real-time exchange rate conversion.

6. User Reviews: Enable users to share their experiences and reviews related to the extension's accuracy and helpfulness.

7. Shopping Lists: Allow users to create shopping lists with hourly wage representations for each item.

8. Budgeting Features: Help users set spending limits and receive notifications when they approach their budget.

9. Tax and Savings Calculation: Include tax and savings calculations to give a more comprehensive view of the cost.

10. Browser Compatibility: Ensure the extension works seamlessly with popular browsers like Chrome, Firefox, and Edge.

11. Accessibility Features: Make the extension accessible to users with disabilities by following web accessibility standards.

12. Data Privacy: Ensure user data is handled securely and transparently, with options for data deletion.

13. Regular Updates: Keep the extension up to date with price data from popular shopping websites.

14. User Education: Provide informative content and tips on budgeting and smart shopping.

15. Social Sharing: Allow users to share their converted prices and savings on social media, encouraging others to use the extension.

These features can make your extension more versatile and appealing to a broader user base.

As a Chrome Extension developer,
I want to learn about the benefits of using manifest v3
So that I can bring a better experience to users (in this case, people who want to frame costs as measures of time).

Acceptance criteria:
We have a notes file with cool, relevant info about the Manifest V3. Can make a folder notes/manifestV3.txt or something.

Work description:
Read the Manifest V3 welcome guide
Note down any interesting, cool, relevant APIs or features and what we could do with those on this project.

As a user,
I want a user interface to the popup menu and the hourly cost popup (when hovering over a price with the mouse) that's clean and easy to navigate
So that I can have an experience that is focused more on using this tool for my benefit rather than an experience spent wrestling with the tool.

Acceptance criteria:
We have a mock of some kind, whether on paper or with a mockup tool like Figma.
We have a mock for the popup menu. Dark mode? Colors? Grab some inspiration from Dribbble.
We have a mock for the hover hourly cost popup. Font size? Popup window size?
(Implementation of mockup will be another work item).

Work planned:
Create mocks. Show mocks to other people for feedback and potential user paths, find shortcomings etc.