Plan Your Objectives & Key Results Create Objectives and Key Results (OKR) plans with progress tracking and scoring.

The tool's core functionality relies on the React library to manage its state and render the user interface. It utilizes the `useState` hook from React to store the title, period, objectives, and copied status in memory. The objectives are represented as an array of objects, each containing a unique identifier, text description, and an array of key results. Key results are also objects with their own identifiers, text descriptions, targets, and current values. When the user interacts with the interface, such as adding or deleting objectives and key results, the `setObjectives` function is called to update the state. This triggers a re-render of the component tree, reflecting the changes in the user interface.

The tool's progress calculation algorithm works by iterating over each objective's key results, calculating the percentage completed for each one, and then taking the mean of these percentages to determine the overall objective score. This score is then used to color-code the progress bar, with values between 0 and 0.3 being red, 0.3 to 0.7 being amber, and 0.7 to 1.0 being green. The `getObjProgress` function implements this logic, using the `reduce` method to sum up the percentages and then dividing by the number of key results. The `progressColor` function takes this score as input and returns the corresponding CSS class for the progress bar.

When exporting the OKR template as a text summary, the tool uses the `navigator.clipboard` API to write the formatted text to the user's clipboard. This allows users to easily share their objectives and key results with others. The `exportText` function generates this formatted text by iterating over the objectives and key results, concatenating their descriptions, targets, and current values into a single string. The resulting text is then passed to the `copy` function, which writes it to the clipboard using the `navigator.clipboard.writeText` method.