Calculator

A modern, responsive calculator with keyboard support and accessibility features.

Keyboard shortcuts: Numbers (0-9), operators (+, -, *, /), Enter or = (equals), Escape or C (clear), Backspace (delete), % (percent)

Features

Full keyboard support

Mobile responsive

Accessible design

Error handling

Scientific notation

Real-time calculation

Mouse: Click on buttons to input numbers and operations.

Keyboard: Use number keys (0-9), operators (+, -, *, /), Enter or = for equals, Escape or C to clear, and Backspace to delete.

Special functions: Use % for percentage, +/- to toggle sign, and AC to clear all.

Technical Details

Built with Next.js 14 using the App Router,React 18, and TypeScript for type safety.

Styled with Tailwind CSS for responsive design and custom utility classes.

Features comprehensive error handling, accessibility compliance (WCAG), and supports both client-side and server-side calculation.

Optimized for performance with React hooks, proper state management, and efficient re-rendering.