A fully functional and feature-rich calculator with light and dark mode themes. It supports both standard and scientific calculations, has a responsive and beautiful user interface, and includes a history feature. The calculator also provides live result updates as users input expressions.
- Light and Dark Mode: Users can switch between light and dark themes for a better user experience.
- Standard and Scientific Modes: Supports basic arithmetic and advanced scientific functions.
- Responsive UI: The interface adapts seamlessly across different screen sizes.
- History Feature: Keeps a record of previous calculations for until you clear data of your browser. You can also clear all history or for any specific day.
- Live Results Display: Instantly updates the results as users input expressions.
- Install : You can install it using any modern browser. And can use it like a native app
Screenshots in desktop dark theme:
Light Theme :
- Clone the repository:
git clone https://github.com/usmandev24/calculatorX cd calculatorX - Install dependencies:
npm install # or yarn install - Using Browser : Click on three dots(Top left corner) ⋮ than find option "Add to home" click on it, than click on install as app. On Edge find "Apps" option. There you can install it as app.
- Open the app and start entering calculations.
- Switch between light and dark mode using the toggle button.
- Use the history panel to view previous calculations.
- Switch between standard and scientific calculator modes.
- Frontend: HTML, CSS (TailwindCss), JavaScript (Vanilla JS)
- Styling: Tailwind CSS / Styled Components
Contributions are welcome! If you find a bug or want to improve the calculator, feel free to fork the repo and submit a pull request.
This project is licensed under the MIT License.
Usman Ghani (usmandev24)
Happy Calculating! 🎉