🐱 Catculator 🐱

A whimsical cat-themed scientific calculator web app featuring an adorable feline interface with paw-pad buttons.

✨ Features

• Adorable UI: A custom-themed calculator overlaid on a cute cat illustration.
  • Forehead Display: The calculation result appears on the cat's forehead patch with a glowing animation.
  • Belly Buttons: Interactive paw-pad styled buttons positioned perfectly on the cat's belly.
• Scientific Functions:
  • Trigonometry: sin, cos, tan
  • Logarithms: log
  • Power and Roots: ^, √
  • Constants: π, e
• Basic Arithmetic: Addition, subtraction, multiplication, division.
• Responsive Layout: Stays perfectly aligned on different screen sizes.
• Visual Enhancements:
  • Animated Title: Bouncing "Catculator" title with playful styling.
  • Paw-Pad Buttons: Gradient-styled buttons that look like cat paw pads with hover and press effects.
  • Glowing Display: Warm cream gradient display with pulsing glow animation.
  • Cat Reactions: Dynamic cat emoji that changes based on calculation results (happy, shocked, heart-eyes, and more!).
  • Floating Decorations: Animated paw prints, fish, and yarn balls floating in the background.
  • Custom Paw Cursor: A cute paw-shaped cursor when hovering over the calculator.

🛠️ Tech Stack

• HTML/CSS/JavaScript: Static web version (recommended for deployment).
• CSS: Custom styling with animations.

🚀 Deployment

This is a static web application (index.html, styles.css, script.js). You can deploy it to any static hosting service like Vercel, Netlify, or GitHub Pages.

Vercel (Recommended)

1. Push to GitHub.
2. Import to Vercel: Go to vercel.com, click "New Project", and import your repo.
3. Deploy: Vercel auto-detects static sites. Click Deploy!

🏠 Run Locally

Simply open index.html in your web browser.

👨‍💻 Author

Coded by Nate

📄 License

This project is open for all cat and math lovers!