Calculator App

Overview

A clean, functional calculator web application built with vanilla TypeScript and direct DOM manipulation. The app provides three calculator modes with a toggleable dark/light theme.

Features

Calculator Modes

1. Basic Calculator

   • Addition, subtraction, multiplication, division
   • Standard calculator functionality

2. Tip Calculator

   • Calculates tip based on total bill
   • Supports splitting among multiple people
   • Configurable tip percentage

3. Discount Calculator

   • Calculates final price with discount
   • Supports sales tax calculation
   • Shows savings breakdown

Theme Support

• Dark theme (default)
• Light theme
• Toggle via menu icon

Technical Approach

Built using direct DOM manipulation with vanilla TypeScript:

• No frameworks - Pure DOM APIs for state and rendering
• TypeScript - Type-safe JavaScript development
• Vite - Fast development and building
• CSS Variables - Theme switching via CSS custom properties

Testing

Includes Vitest tests for calculator logic functions.

Usage

# Install dependencies
pnpm install

# Run development server
pnpm dev

# Build for production
pnpm build

# Run tests
pnpm test

This project demonstrates proficiency in core JavaScript/TypeScript fundamentals without relying on frontend frameworks.