Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mubassim-khan/iphone-calculator
An iPhone Calculator inspired calculator clone using HTML, CSS & Vanilla JavaScript. The project aims to recreate the visual design, logic & layout of Calculator, providing similar interfaces for display, buttons & other details on UI & much more.
https://github.com/mubassim-khan/iphone-calculator
calculator iphone-application iphone-calculator javascript
Last synced: 1 day ago
JSON representation
An iPhone Calculator inspired calculator clone using HTML, CSS & Vanilla JavaScript. The project aims to recreate the visual design, logic & layout of Calculator, providing similar interfaces for display, buttons & other details on UI & much more.
- Host: GitHub
- URL: https://github.com/mubassim-khan/iphone-calculator
- Owner: Mubassim-Khan
- Created: 2023-08-31T19:12:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-15T19:48:36.000Z (about 1 year ago)
- Last Synced: 2023-10-16T17:59:56.675Z (about 1 year ago)
- Topics: calculator, iphone-application, iphone-calculator, javascript
- Language: JavaScript
- Homepage: https://m-iphone-calculator.netlify.app/
- Size: 70.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# iPhone Calculator
This repository contains the code for building a iPhone inspired Calculator clone using HTML, CSS & Vanilla JavaScript. The project aims to recreate the visual design and layout of Calculator, providing similar interfaces for display, buttons & other details on UI including current Time & much more.
## Preview
[](https://app.netlify.com/sites/m-iphone-calculator/deploys)
## Features
- Responsive design: The web page adapts to different screen sizes, ensuring a consistent user experience on desktop and mobile devices.
- Interactive components: The page includes interactive elements such as buttons, display & current time display.
- Dynamic content: Content is used to mimic iPhone's Calculator.
- CSS styling: The stylesheets provides a sleek, modern & exact look as devices compatiable with iOS 11 & further.
- Background: Aside from Calculator, elegant gradient background provides user with an interactive & relaxing mood.
## Getting Started
To get started with this project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/Mubassim-Khan/Iphone-Calculator.git
```
2. Open the project in your preferred code editor.
3. Launch the `index.html` file in a web browser to view the iPhone Calculator.
4. Feel free to modify the code and customize the page according to your preferences. You can update the content, change the colors, or add new features.
## Contributing
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
## Acknowledgements
- The design and inspiration for this project come from the official iPhone Calculator.
- This project is a task from TechnoHacks Edu Tech, as a part of Internship Program.
## Contact
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn: [Mubassim Ahmed Khan](https://www.linkedin.com/in/mubassim-ahmed-khan/)
- Email: [[email protected]](mailto:[email protected])
---