๐ŸŸฆ Area Calculator of Known Shapes

A fun and interactive browser-based tool to calculate the area of common 2D shapes such as:
Square, Rectangle, Triangle, Circle, Trapezoid, and Parallelogram ๐ŸŽ‰.
Runs completely offline and works on any device with a browser.


โœจ Features

  • โž• Supports 6 Known Shapes:
  • ๐ŸŸฆ Square โ†’ A = xยฒ
  • โฌ› Rectangle โ†’ A = b ร— h
  • ๐Ÿ”บ Triangle โ†’ A = ยฝ ร— b ร— h
  • โšช Circle โ†’ A = ฯ€rยฒ
  • โฌก Trapezoid โ†’ A = ยฝ(a + b) ร— h
  • โ–ญ Parallelogram โ†’ A = b ร— h
  • ๐ŸŽจ Dark/Light Theme Toggle
  • ๐ŸŒŸ Animated Sparkle Effect when results appear
  • ๐Ÿ“ฑ Responsive Design โ€“ Works smoothly on mobile, tablet, or desktop
  • โšก Instant Calculation as you type your values
  • ๐Ÿ“ฆ No installation required โ€“ just open the HTML file

๐Ÿ–ผ๏ธ Preview

Screenshot 2025-08-26 113800

๐Ÿš€ How to Use

  1. Open Area Calculator of Known Shapes.html in your browser.
  2. Select the shape you want to calculate (e.g., Square, Circle, etc.).
  3. Enter the required dimensions (side, base, height, radius, etc.).
  4. The tool will:
  • Instantly compute the area
  • Display it with a highlight + sparkle animation โœจ

๐Ÿ“„ Example Input

  • Square: Side = 10 โ†’ Result = 100
  • Circle: Radius = 5 โ†’ Result โ‰ˆ 78.54
  • Trapezoid: a = 6, b = 10, h = 4 โ†’ Result = 32

โšก Why Use This Tool?

  • ๐Ÿง‘โ€๐ŸŽ“ Great for students learning geometry
  • ๐Ÿ‘ท Useful for surveyors/engineers in quick field calculations
  • ๐ŸŽจ Attractive UI with spark animations and responsive cards
  • ๐ŸŒ Works offline, no internet needed