A cross-platform Calculator app built using Capacitor by Ionic with HTML, CSS, and JavaScript. This project showcases the versatility of Capacitor by transforming a web app codebase into a mobile application.
- Cross-Platform Compatibility: Built with Capacitor to seamlessly run on Android and iOS.
- Light and Dark Mode: Smooth theme toggle for user-preferred appearance.
- Basic Arithmetic Operations: Supports addition, subtraction, multiplication, and division.
- Simple UI: Minimalist design for easy usability.
Capacitor enables us to convert a web application built with vanilla JavaScript, HTML, and CSS into a native mobile application. This allows for:
- Code reusability from web to mobile platforms.
- Simplified deployment and testing for Android and iOS.
- Access to native APIs without extensive native code.
- Capacitor Framework: Facilitates cross-platform compatibility.
- HTML/CSS/JavaScript: Forms the core functionality and UI.
- Ionic Capacitor CLI: Used to build, run, and manage the mobile app.
Either download the android app from this here
-
Install Capacitor CLI:
npm install -g @capacitor/cli
-
Initialize Capacitor in your project directory:
npx cap init [appName] [appId]
-
Add Android Platform:
npx cap add android
-
Sync and Build:
npx cap sync
npx cap open android
- Scientific Mode: Add advanced mathematical functions (e.g., trigonometric, logarithmic).
- Memory Functions: Enable storing and recalling calculations.
- Animation Enhancements: Add animations to improve user interactions.
- Enhanced User Interface: Optimize UI for better responsiveness on different devices.
Feel free to fork this repository, make updates, and submit pull requests for suggested improvements.