https://github.com/code1616/moderncalc
ModernCalc is a sleek, responsive web calculator designed for both simplicity and functionality. Featuring essential operations, advanced features, and a theme toggle, it’s perfect for showcasing web development skills. 🚀
https://github.com/code1616/moderncalc
calculator calculator-javascript css html5 js
Last synced: 7 months ago
JSON representation
ModernCalc is a sleek, responsive web calculator designed for both simplicity and functionality. Featuring essential operations, advanced features, and a theme toggle, it’s perfect for showcasing web development skills. 🚀
- Host: GitHub
- URL: https://github.com/code1616/moderncalc
- Owner: Code1616
- License: unlicense
- Created: 2025-01-07T01:18:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T03:46:37.000Z (about 1 year ago)
- Last Synced: 2025-02-26T10:32:29.629Z (11 months ago)
- Topics: calculator, calculator-javascript, css, html5, js
- Language: JavaScript
- Homepage: https://code1616.github.io/ModernCalc/
- Size: 215 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Modern Calculator 🧮
A modern, interactive calculator web application featuring essential arithmetic operations, memory functions, a responsive design, and a theme toggle for light and dark modes.
---
### Features ✨
- **Responsive Design**: Works seamlessly across devices with various screen sizes.
- **Memory Functions**: Store, recall, and clear memory values effortlessly.
- **Advanced Operations**: Includes square root, reciprocal, and power functions.
- **Keyboard Support**: Perform calculations using your keyboard for faster input.
- **Theme Toggle**: Switch between dark and light themes with a single click.
- **Responsive Display**: Automatically adapts text size and layout for a better user experience.
---
### Demo 🎥
You can view the live demo of this project [here](https://code1616.github.io/ModernCalc/).
---
### Installation 🔧
1. Clone this repository:
```bash
git clone https://github.com/Code1616/ModernCalc.git
```
2. Navigate to the project folder:
```bash
cd ModernCalc
```
3. Open the `index.html` file in your favorite browser:
```bash
open index.html
```
---
### Folder Structure 📂
```
ModernCalc/
├── index.html # Main HTML file
├── assets/
│ ├── styles.css # Styling for the calculator
│ ├── script.js # JavaScript functionality
```
---
### How to Use 💡
1. Open the calculator in your browser.
2. Use the on-screen buttons or your keyboard to input numbers and operations.
3. Toggle between dark and light themes using the "Change Theme" button.
4. Perform memory operations using the MS, MR, MC, and M+ buttons.
---
### Keyboard Shortcuts ⌨️
| Key | Function |
|-------------|---------------------------|
| `0-9` | Input Numbers |
| `.` | Add Decimal Point |
| `+` `-` `*` `/` | Perform Operations |
| `Enter` `=` | Calculate Result |
| `Esc` | Clear All |
---
### Customization 🎨
- **Themes**: Modify the `styles.css` file to change colors, fonts, and layouts.
- **Additional Features**: Extend functionality by editing `script.js`.
---
### Contributing 🤝
Contributions are welcome! Follow these steps:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add some feature"
```
4. Push to the branch:
```bash
git push origin feature-name
```
5. Open a Pull Request.
---
### License 📜
This project is licensed under the Unlicense. See the [LICENSE](LICENSE) file for details.
---
### Screenshots 📸
| Dark Mode | Light Mode |
|-----------|------------|
|  |  |
---
Made with ❤️ by [Roozbeh](https://github.com/Code1616).