Skip to content

Add Calculator Component with Core Logic and Tests #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Draft
bhumanai wants to merge 2 commits into
base: master
Choose a base branch
from
Draft

Add Calculator Component with Core Logic and Tests #48

bhumanai wants to merge 2 commits into from

Conversation

@bhumanai
Copy link
Contributor

@bhumanai bhumanai commented Aug 4, 2025 •
edited
Loading

Summary

  • Introduces a fully functional Calculator component within the main UI
  • Supports basic arithmetic operations: addition, subtraction, multiplication, and division
  • Includes digit input, decimal support, clear functionality, and operation chaining
  • Implements a Calculator class with methods for arithmetic operations, history tracking, and error handling
  • Adds comprehensive unit tests for the Calculator class covering operations, error cases, and history management
  • Styled with Tailwind CSS for a modern, responsive look

Changes

Calculator Component

  • Added Calculator React component managing its own state for display, previous value, current operation, and input status
  • Implemented digit and decimal input handling with proper display updates
  • Added operation handling with immediate calculation on chained operations
  • Clear button resets calculator state
  • Equals button finalizes calculation and resets operation state

Calculator Core Logic

  • Created Calculator class with methods: add, subtract, multiply, divide
  • Each method returns a result object with value, operation type, and operands
  • Division by zero throws an error
  • Maintains operation history with ability to clear and retrieve it

Tests

  • Added unit tests for the Calculator class verifying correct operation results
  • Tests include addition, subtraction, multiplication, division, division by zero error
  • Tests verify history tracking and clearing
  • Tests check decimal operation accuracy

UI Integration

  • Embedded the Calculator component in the main interface below existing content
  • Styled buttons and display area with consistent color scheme and responsive grid layout

Test plan

  • Verify digit input updates display correctly
  • Test decimal input and ensure only one decimal point is allowed
  • Confirm operations (+, -, *, /) compute correctly with chaining
  • Check clear button resets all states
  • Validate equals button computes and resets operation
  • Ensure UI renders correctly and buttons respond to clicks
  • Run unit tests for Calculator class and verify all pass

🌿 Generated by Terry

ℹ️ Tag @terragon-labs to ask questions and address PR feedback

📎 Task: https://www.terragonlabs.com/task/95d6901a-f68b-49a6-ac2e-8aa6eacc2869

📎 Task: https://www.terragonlabs.com/task/330aebe0-1739-4fc2-be4f-9ee4875ddb2f

@bhumanai @terragon-labs
feat(ui): add calculator component to index.html
a155108 
- Introduced a new Calculator React component with basic arithmetic operations
- Added UI buttons for digits, operations, clear, and decimal input
- Integrated the Calculator component into the main page layout

This feature provides users with an embedded calculator tool within the application interface.

Co-authored-by: terragon-labs[bot] <terragon-labs[bot]@users.noreply.github.com>
@vercel
Copy link

vercel bot commented Aug 4, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
unclefrank-bootstrap ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 4, 2025 6:12pm

@bhumanai @terragon-labs
feat(calculator): add Calculator class with basic arithmetic and history
f107251 
- Implement Calculator class with add, subtract, multiply, divide methods
- Track operation history and provide methods to get and clear history
- Throw error on division by zero
- Add CalculatorResult interface for operation results
- Include comprehensive tests for all operations and history management

Co-authored-by: terragon-labs[bot] <terragon-labs[bot]@users.noreply.github.com>
@bhumanai bhumanai changed the title Add Calculator Component to Main Interface Add Calculator Component with Core Logic and Tests Aug 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@bhumanai