This project is my first attempt at creating an app and learning Flutter. The goal is to replicate the design, functionality, and overall user experience of the iOS Calculator. The app is built for iPhones and tested using Xcode's iPhone simulator.
By working on this project, I aim to:
- Learn the fundamentals of Flutter and Dart.
- Understand how to build responsive user interfaces.
- Gain experience with app functionality.
- Explore iPhone-specific UI design and development challenges.
Identical Design: Striving to match the iOS Calculator's layout, colors, and button styles. Core Calculator Functions: Includes basic arithmetic operations (addition, subtraction, multiplication, division) and advanced features (e.g. percentage, clear, memory). Responsive UI: Designed to fit and work seamlessly on an iPhone screen.
- Flutter SDK: Install Flutter
- Xcode: Required for running the iPhone simulator (download here)
- Clone this repository.
- Navigate to the project directory.
- Run the app:
$ flutter run lib/main.dart- Select the iPhone simulator in Xcode to preview the app.
$ open -a Simulator- Basic app setup with Flutter and Xcode.
- Initial design of the calculator layout.
- Add button functionality for calculator operations.
- Fine-tune the design to match the iOS Calculator exactly.
- Handle edge cases (e.g., division by zero, long calculations).
- Test on different iPhone resolutions.