swift-start

byDiya Trivedi

start a project to build a simple single page design of calcualtor

Calculator
Calculator

Comments (0)

No comments yet. Be the first!

Project Tasks

4
#1

Implement Navbar for Calculator

Error

As a frontend developer, implement the Navbar section for the Calculator page. This section includes a responsive navigation bar with a toggle button to open and close the menu. The Navbar features a brand logo and name, and a link to the Calculator page. The menu state is managed using a useState hook to toggle the menu open and closed. Ensure the navigation link to the Calculator is conditionally active. Page access: shared by all personas (User).

AI 90%
Human 10%
High Priority
1 day
Frontend Developer
#2

Implement CalculatorDisplay for Calculator

Blocked

As a frontend developer, implement the CalculatorDisplay section for the Calculator page. This section displays the current calculation and result, handling errors such as division by zero by showing an 'Error' message. The display is formatted to show up to 14 characters, with precision adjustments for longer numbers. The component receives props for display, history, and error states. Page access: shared by all personas (User).

Depends on:#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
1 day
Frontend Developer
#3

Implement CalculatorKeypad for Calculator

Blocked

As a frontend developer, implement the CalculatorKeypad section for the Calculator page. This section includes interactive buttons for digits, operations, and functions like clear, toggle sign, and percent. The buttons use motion animations for tap and hover effects, and the keypad supports operations such as addition, subtraction, multiplication, and division. The component handles button actions through props for various operations. Page access: shared by all personas (User).

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
Frontend Developer
#4

Implement Footer for Calculator

Blocked

As a frontend developer, implement the Footer section for the Calculator page. This section includes a footer with the current year and branding for Swift Start. The footer is static and provides a consistent branding element across the application. Page access: shared by all personas (User).

Depends on:#1
Waiting for dependencies
AI 95%
Human 5%
Medium Priority
0.5 days
Frontend Developer
Calculator design preview
Calculator: View Display
Calculator: Input Number
Calculator: Select Operation
Calculator: Input Number
Calculator: Use Decimal
Calculator: View Result
Calculator: Clear Calculation
Calculator: Handle Error
Calculator design preview
Calculator: View Display
Calculator: Input Number
Calculator: Select Operation
Calculator: Input Number
Calculator: Use Decimal
Calculator: View Result
Calculator: Clear Calculation
Calculator: Handle Error