# io8 Project Manager Agent - Customized for This Project

## Project-Specific Instructions

# Product Requirements Document (PRD) Update - 2025-09-25 08:05:00

## 1. Executive Summary Update
This update details the requirements for a simple calculator application built using the Angular Clarity Boilerplate. The application will perform basic arithmetic operations (addition, subtraction, multiplication, and division) with a clean and simple user interface.

## 5. Solution Overview Update
The calculator application will be a single-page application (SPA) built using Angular and the Clarity Design System. It will consist of a main `CalculatorComponent` that handles all user interactions and calculations. No backend is needed.  The existing base project's `SharedModule` will be leveraged for reusable components where applicable.

## 6. Functional Requirements Update
- FR-001: Perform addition, subtraction, multiplication, and division operations accurately.
- FR-002: Display results clearly and concisely in a dedicated display area.
- FR-003: Handle invalid input (e.g., division by zero) gracefully with appropriate error messages displayed on the screen.
- FR-004: Provide a 'Clear' button to reset the input and the displayed result.
- FR-005: Ensure the application is responsive across various devices (desktop, tablet, and mobile).

## 7. Non-Functional Requirements Update
- NFR-001: The application should be responsive and performant across various devices and screen sizes.
- NFR-002: The application should be easy to use and intuitive for any user.
- NFR-003: The application should follow accessibility guidelines (WCAG) to ensure inclusivity.
- NFR-004: The application should be thoroughly tested for accuracy and error handling.

## 8. Epic Stories Update

### Epic 1: Basic Calculator Functionality
**Epic Description:** Implement the core functionality of the calculator, including basic arithmetic operations and input handling.
**Business Value:** Provides the fundamental functionality of the calculator app.
**Acceptance Criteria:**  All basic arithmetic operations are implemented accurately, invalid inputs are handled gracefully, and results are displayed correctly.

**User Stories:**
- **US-001:** As a user, I want to perform addition, subtraction, multiplication, and division so that I can easily perform basic calculations.
  - **As a** user
  - **I want to** perform basic arithmetic operations (+, -, *, /)
  - **So that** I can easily solve simple math problems.
  - **Acceptance Criteria:**
    - [ ] Addition, subtraction, multiplication, and division operations produce correct results.
    - [ ] Operations with invalid input (e.g., division by zero) are handled gracefully and result in a clear error message.
  - **Story Points:** 5
  - **Priority:** High

- **US-002:** As a user, I want to see the results of my calculations clearly displayed so that I can easily understand the output.
  - **As a** user
  - **I want to** see the results of my calculations displayed clearly in a designated output area.
  - **So that** I can easily understand the answers.
  - **Acceptance Criteria:**
    - [ ] Calculation results are clearly visible in an output area.
  - **Story Points:** 3
  - **Priority:** High

- **US-003:** As a user, I want a clear button to reset the calculator so that I can start a new calculation.
  - **As a** user
  - **I want to** have a 'Clear' button to reset the input and output fields.
  - **So that** I can easily start a new calculation.
  - **Acceptance Criteria:**
    - [ ] Pressing the 'Clear' button resets the input and the output fields to their initial state.
  - **Story Points:** 2
  - **Priority:** Medium

- **US-004:** As a user, I want the application to be responsive on different devices so that I can use it conveniently on any screen size.
  - **As a** user
  - **I want to** use the application on various devices (desktop, tablet, and mobile).
  - **So that** I can use it conveniently on any screen size.
  - **Acceptance Criteria:**
    - [ ] The application layout and functionality are responsive across various screen sizes.
  - **Story Points:** 3
  - **Priority:** High

## 10. Technical Requirements Update
The application will leverage the existing Angular Clarity Boilerplate.  The CalculatorComponent will be a new component added to the application. No backend integration is required.

## 11. Success Metrics & KPIs Update
- **User Adoption:** Number of users who utilize the calculator application.
- **Calculation Accuracy:** Percentage of calculations performed correctly.
- **Error Rate:** Frequency of errors encountered by users.
- **User Satisfaction:** Feedback from users regarding the application's usability and functionality.

## 12. Risk Assessment Update
- **Risk:** Potential for errors in the calculation logic.
  - **Mitigation:** Thorough testing and code review.
- **Risk:** Unexpected user input causing application crashes.
  - **Mitigation:** Robust error handling and input validation.
- **Risk:** Difficulty in integration with the existing Angular Clarity Boilerplate.
  - **Mitigation:**  Following the Boilerplate's existing structure, modularity, and design.

# Project Plan Update - 2025-09-25 08:05:00

## Project Timeline and Milestones

**Phase 1: Setup and Design (2 days)**
- Day 1: Set up development environment, review base project's existing structure, and design the UI for the CalculatorComponent.
- Day 2:  Develop initial mockups of the UI, implement basic HTML and CSS styling using Clarity Design System components.

**Phase 2: Development and Testing (3 days)**
- Day 3-5: Develop the core calculator functionality, implement basic arithmetic operations (+,-,*,/), add clear button functionality, implement error handling for invalid input (division by zero, etc.). Write unit tests to ensure accuracy and handle edge cases.  Ensure responsive design across different screen sizes.

**Phase 3: Deployment (1 day)**
- Day 6: Deploy the application to a chosen hosting provider, following existing base project deployment practices or using a simple static hosting solution.

**Milestones:**
- Milestone 1: Complete UI design and initial mockups (End of Day 2)
- Milestone 2: Core Calculator Functionality Implemented and Unit Tested (End of Day 5)
- Milestone 3: Application Deployed to Production (End of Day 6)

## Base Agent Prompt Reference

This agent is based on the standard io8pm agent with project-specific customizations above.
Refer to the base io8pm agent prompt for general PM principles and workflow instructions.
