Skip to content

mindfulfarmer/ConCal

Repository files navigation

ConCal v2


ConCal Logo

Calculator and Convertor, Simplified!

📖 Overview

ConCal (Contextual Calculator) is a sophisticated, mobile-first web application that bridges the gap between calculation and conversion. Unlike traditional calculators, ConCal allows users to perform arithmetic while simultaneously converting the result into different units (Length, Mass, Temperature, etc.) in real-time.

Built with vanilla HTML, CSS, and JavaScript, it features a highly polished "Glassmorphism" UI, haptic feedback, and a responsive design that feels like a native iOS/Android application.

✨ Key Features

🧮 Advanced Calculation

  • Dual Modes: Switch seamlessly between Simple (basic arithmetic) and Scientific (Trig, Log, Pi, Exponents) keypads.
  • History Tape: View and recall previous calculations from a slide-up history modal.
  • Fraction Support: Auto-convert decimal results into mixed fractions (e.g., 1.51 ½).
  • Smart Formatting: Input formatting using the Indian Numbering System (commas) for better readability.

🔄 Contextual Conversion

  • Live Mirroring: As you calculate, the result is instantly converted to a secondary unit.
  • Multiple Categories: Support for:
    • 📏 Length (cm, in, ft, m, km, miles, etc.)
    • ⚖️ Mass (kg, lb, oz, g, etc.)
    • 🌡️ Temperature (C, F, K)
    • 📐 Area (m², ft², acres, hectares)
    • 🚀 Speed (km/h, mph, knots)
    • 💧 Volume & Flow
  • Expandable Interface: Collapse the converter view for a distraction-free calculator experience.

🎨 Personalization

  • Theming: Three distinct, high-fidelity themes:
    • Graphite: (Default) Dark solid, amber accents.
    • Vitality: Dark glass, neon green accents.
    • Slate: Deep blue, royal blue accents.
  • Typography: Switch between Inter, Chivo Mono, and Fira Mono to suit your style.
  • Haptics: Integrated vibration feedback (Web Vibration API & Capacitor Haptics support).

📱 Screenshots

Simple Default Mode Scientific Mode