Organize Your Meeting Minutes Online Structured meeting notes template with agenda, attendees, action items, and decision tracking.

Under the hood, it utilizes React state to manage metadata such as title, date, and time, storing them in variables like `title`, `date`, and `time`. For attendees, agenda, notes, decisions, and action items, it employs a combination of strings, objects, and arrays. The `actionItems` array, for instance, consists of objects containing properties like `id`, `text`, `assignee`, and `done`. When adding new action items, the `addActionItem` function creates a new object with a unique `id` generated using `Date.now().toString()`, and then appends it to the `actionItems` array. The `toggleAction` and `deleteAction` functions modify this array by updating or removing specific objects based on their `id`.

The tool's export feature relies on the `exportMarkdown` function, which constructs a formatted string in Markdown format using template literals. This function iterates over the `actionItems` array and generates a checkbox for each item, including its description and assignee information if available. The resulting string is then used by the `copyMarkdown` and `downloadMarkdown` functions to copy the meeting notes to the clipboard or save them as a Markdown file, respectively. To achieve this, it utilizes browser APIs like `navigator.clipboard.writeText` for copying text to the clipboard and the `Blob` object along with `URL.createObjectURL` for generating a downloadable file.

The dynamic form sections are built using React components, which render input fields and text areas based on the current state of the application. For example, the agenda section uses a textarea element with a placeholder value, while the action items section employs a list of checkbox elements generated dynamically from the `actionItems` array. When users interact with these form elements, the corresponding React state variables are updated using event handlers like `onChange` and `onKeyDown`. This allows the tool to maintain a consistent and up-to-date representation of the meeting notes, which can then be exported or downloaded in Markdown format.