NotyourAvgCalc is a sleek, modern, and modular web-based calculator app built with pure HTML, CSS, and JavaScript — no frameworks, no build tools, just clean code.
It features multiple powerful calculator modes packed into one intuitive interface.
- Standard – basic arithmetic with modern UI
- Scientific – trig, log, exp, constants (
π,e, etc.) - Programmer – base conversions (DEC/BIN/HEX) + bitwise logic
- Date Calculator – find date differences and add/subtract days
- Graphing – plot mathematical functions dynamically
- Converter – unit converter (WIP)
- Smooth neon ambient background animation
- Dynamic modules (loaded on click via ES modules)
- Splash screen with fade-in transition
- Day streak tracker (stored in
localStorage) - Responsive sidebars for mode switching
- Made by San footer with glowing text
- Offline-ready with PWA support
| Component | Description |
|---|---|
| HTML5 | Structure and semantic layout |
| CSS3 | Modern neon theme, flex/grid layouts |
| JavaScript (ES6) | Module-based calculators, logic, animations |
| Plotly.js | Used for graph plotting in Graphing mode |
Calculator/ │ ├── index.html ├── style.css ├── main.js ├── service-worker.js ├── /modules │ ├── standard.js │ ├── scientific.js │ ├── programmer.js │ ├── dateCalc.js │ ├── graphing.js │ └── converter.js └── /assets (optional for icons or sounds) └── README.md └── License