Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔢 Basic Mathematics (DMAS) Operations Calculator

JavaScript HTML5 CSS Calculator Status

A visually stunning calculator featuring neumorphic design principles. This modern interface combines soft shadows, rounded edges, and elegant styling to create a sleek user experience that feels tactile and interactive.

Marks Details

🚀 Key Features

🎯 Design Features

Neumorphic Minimalist & Elegant
Responsive Cross-Device Compatible
Interactive Smooth Transitions
Modern Contemporary Look

Functionality

Addition Basic Operations
LCD Display Styled Output
Button Effects Tactile Feedback
Real-time Instant Calculations

🎨 Visual Showcase

🔢 Calculator Operations

Operation Symbol Status
Addition Active
Subtraction Active
Multiplication ✖️ Active
Division Active

🛠️ Tech Stack

Frontend Styling Interactivity
HTML5 CSS3 JavaScript
Structure Neumorphic Design Logic & Events

🎯 Design Highlights

Neumorphic Elements

🔘 Extruded Buttons    💫 Soft Shadows    ✨ Smooth Transitions
🖥️ LCD-Style Display   🎨 Modern Colors   📱 Mobile Friendly

📱 Features Breakdown

🎨 Design Features
  • Neumorphic UI: Soft, extruded appearance with depth
  • Responsive Layout: Works on desktop, tablet, and mobile
  • Modern Typography: Clean, readable number display
  • Color Harmony: Carefully selected color palette
  • Accessibility: High contrast and clear visual hierarchy
Interactive Elements
  • Button Hover Effects: Visual feedback on interaction
  • Smooth Animations: CSS transitions for fluid experience
  • Touch-Friendly: Optimized for mobile touch interactions
  • Visual States: Active, hover, and focus states
  • Error Handling: Graceful handling of edge cases
🔢 Calculator Functions
  • Basic Operations: +, -, ×, ÷
  • Clear Function: Reset calculations
  • Decimal Support: Handle floating-point numbers
  • Real-time Display: Instant visual feedback
  • Keyboard Support: Use keyboard for input

🌟 Live Demo

Experience the neumorphic design in action! https://java-script-arithmetic-web-calculat.vercel.app/

📞 Connect & Support

LinkedIn GitHub Email

💬 Feedback & Questions

Found this repository helpful? ⭐ Star it!

Have questions or suggestions? 💭 Open an issue!

Want to collaborate? 🤝 Let's connect!

Visitor Count

About

A modern neumorphic calculator built with HTML, CSS, and JavaScript, featuring soft shadows and elegant design principles. The interface provides smooth interactions and responsive functionality across all devices.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages