🧮 Smart Calculator PWA | Online Calculator

A progressive web app (PWA) calculator that works online and offline, providing a fast, responsive, and feature-rich calculator experience. Built with HTML, CSS, and JavaScript, it includes basic & advanced operations, theme support, and a mobile-first design.

⚠️ This project is primarily a frontend demonstration and does not store user data.

---

✨ Features

• 0️⃣ Basic arithmetic operations (+, -, ×, ÷)
• 🧮 Advanced functions (%, √, x², 1/x)
• 🖤 Light & Dark theme toggle
• 📱 Mobile-first responsive design
• 🖥️ Desktop-friendly layout
• 💾 Offline-ready as a PWA
• 🎨 Clean, modern UI
• 🧹 Well-structured, readable code

---

🚀 How to Use

1. Open the app in your browser
2. Click or tap the buttons to input numbers and operations
3. Press = to get results
4. Use the theme toggle for light/dark mode

---

🧠 How It Works

• Uses Vanilla JavaScript for all calculations
• Handles input, operations, and result display dynamically
• Registers as a Progressive Web App to support offline usage
• Uses localStorage to optionally remember user settings (theme, last calculation)

---

🛠️ Tech Stack

• HTML5 – Semantic structure
• CSS3 – Responsive UI, themes, animations
• JavaScript (Vanilla) – Calculator logic, event handling
• PWA Features – Service worker & manifest for offline support

---

📁 Project Structure

smart-calculator-pwa/
│── index.html
│── style.css
│── app.js
│── manifest.json
│── service-worker.js
│── assets/
│   └── sounds/
│   └── icons/
└── README.md

---

🔧 Configuration

Change Theme Defaults

In app.js:

const CONFIG = {
  defaultTheme: "light" // options: "light" or "dark"
};

Enable Offline Cache

Service worker is pre-configured in service-worker.js to cache assets automatically.

---

📌 Browser Support

✅ Chrome (Desktop & Android) ✅ Edge ✅ Firefox ⚠️ Safari (limited PWA support)

Best experience on Chrome or Edge

---

🌱 Future Improvements

• 🧠 Scientific calculator functions
• 🔢 History of calculations
• 🎨 Customizable themes
• 🌗 Dark mode toggle saved in localStorage
• 📱 Swipe gestures for input
• ⚛️ React / Next.js version

---

📜 License

MIT License
Feel free to use, modify, and learn from this project.

---

🌐 Follow & Subscribe

Platform	Link
Twitter	https://twitter.com/einzigartigetec/
Facebook	https://www.facebook.com/einzigartige/
LinkedIn	https://www.linkedin.com/company/einzigartige/
YouTube	https://www.youtube.com/@einzigartige_/
Website	http://einzigartige.in/

---

📊 Live YouTube Statistics

👉 Subscribe here: https://www.youtube.com/@einzigartige_/

---

👤 Author

Einzigartige - Web & App Development Company
Website: http://einzigartige.in/

---

⭐ If you like this project, consider giving it a star!