Skip to content

hooraman21/CodeAlpha_Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodeAlpha: Digital Calculator 🧮

A modern, responsive digital calculator built from scratch as part of the Frontend Development Internship at CodeAlpha. This application features a highly tactile user interface designed to handle real-time arithmetic expressions smoothly.

🚀 Features

  • [cite_start]Core Math Engine: Handles all basic arithmetic operations perfectly (+, -, ×, ÷)[cite: 28].
  • Tactile UI/UX: Built with a balanced dark theme and an interactive CSS Grid layout. Buttons scale down dynamically when clicked to give a highly physical, tactile feel.
  • [cite_start]Advanced Keyboard Support: Includes a custom event listener that maps your physical keyboard numpad directly to the application[cite: 30]. You can type numbers, operators, press Enter for the result, Backspace to delete a single character, or Escape to clear.
  • Responsive Layout: Automatically scales down to fit mobile screens perfectly without losing its alignment.

🛠️ Tech Stack

  • HTML5: Semantic architecture for layout boxes and display inputs.
  • CSS3: Built using modern styling parameters, native variable definitions, and transitions.
  • JavaScript (ES6+): Utilizes full Event Delegation, keydown listeners, data-attribute extraction, and expression evaluation engines.

About

A responsive calculator built with HTML, CSS & JavaScript. Supports all arithmetic operations (+, −, ×, ÷) with real-time display, keyboard support, and a clean modern UI. Developed as part of the CodeAlpha Frontend Development Internship. #CodeAlpha #JavaScript #Frontend

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors