React Calculator
A modern, accessible calculator application built with React and FluentUI, demonstrating best practices in accessibility and unit testing.
Calculator in action
Comprehensive Test Coverage
🎯 Key Features
- Basic arithmetic operations (+, -, *, /)
- Accessible design using FluentUI components
- Full keyboard navigation support
- Screen reader friendly
- Comprehensive keyboard shortcuts
- Operation history tracking
- Error handling and validation
♿ Accessibility Features
- ARIA labels and roles
- High contrast support
- Keyboard focus management
- Screen reader announcements
- Error state notifications
- Responsive design
Accessibility Features Demo
🧪 Testing Highlights
- 100% test coverage
- Accessibility testing
- Keyboard interaction tests
- Error boundary testing
- Screen reader compatibility tests
🛠️ Technology Stack
- React 18
- TypeScript
- FluentUI React Components
- Jest
- React Testing Library
- Vite
🔗 Resources
📬 Contact
Found a bug or have suggestions? Open an issue or email me at joaovitorvinezof@gmail.com.