DEV Community

Mayank Chawdhari
Mayank Chawdhari

Posted on

3D Web-Calculator with Node.js-Integration

image

Features Added

  1. 3D UI Design 🌟:

    • Modern, 3D-inspired design with pop-in animation for a visually appealing user interface.
  2. Sound Effects πŸ”Š:

    • Click sound effects on button presses for enhanced user interaction experience.
  3. Responsive Layout πŸ“±:

    • Flexbox-based layout ensuring the calculator is centered and responsive across different screen sizes.
  4. Dynamic Display πŸ–₯️:

    • Real-time update of input values and results in the display field.
  5. Error Handling ⚠️:

    • Basic error handling for invalid operations with "Error" display message.
  6. Interactive Buttons 🎨:

    • Styled buttons with modern hover effects and animations for an engaging user experience.

To Be Fixed

  • Arithmetic Operations Not Working Properly πŸ› οΈ:
    • Ensure proper handling of arithmetic operations and update the script to correctly compute and display results for all valid operations.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more