Skip to content

A modern scientific calculator built with Vite and React, featuring standard arithmetic functions, advanced scientific calculations, and a playful ConfettiExplosion effect for certain operations. Enjoy a sleek macOS-inspired design with a toggle for day and night modes.

Notifications You must be signed in to change notification settings

tauqueeralam42/Confetti-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Confetti-Calculator

Confetti-Calculator is a web-based scientific calculator built using Vite and React, featuring a unique ConfettiExplosion effect alongside standard and scientific functions.

Features

  • Standard Calculator Functions: Includes basic arithmetic operations (+, -, *, /).
  • Scientific Functions: Extends functionality with trigonometric functions (sin, cos, tan), logarithmic functions (ln, log), factorial (!), square root (√), and more.
  • ConfettiExplosion: Enjoy a fun visual effect with confetti when performing specific operations (e.g., 2 * 6).
  • Day-Night Toggle: Switch between light and dark themes for different viewing preferences.
  • Responsive Design: Ensures usability on various devices and screen sizes.

Demo

Explore the live demo of Confetti-Calculator here

Technologies Used

  • Frontend: Vite for fast development and React.js for building the user interface.
  • Styling: Custom CSS for calculator layout and MaciOS-inspired design.
  • Animations: ConfettiExplosion implemented using react-confetti-explosion library.
  • Responsive Design: Tailored for seamless use across desktop and mobile platforms.

Installation

To run the project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/tauqueeralam42/Confetti-Calculator.git
  2. Navigate to the project directory:
    cd Confetti-Calculator
  3. Install dependencies :
    cd ../Confetti-Calculator
  4. Start the frontend:
     cd ../Confetti-Calculator
     npm run dev
  5. Open your browser and visit http://localhost:5173 to view the application.

Usage

  1. Use the numeric keypad and operators to perform calculations.
  2. Click on scientific functions like sin, cos, tan, ln, log, √, !, x², x³, xʸ, eˣ, 10ˣ to apply these operations.
  3. Toggle between day and night mode using the toggle button for different viewing preferences.
  4. Experience the ConfettiExplosion effect when performing specific operations like 2 * 6.

Contact

For any questions or suggestions, feel free to reach out.

About

A modern scientific calculator built with Vite and React, featuring standard arithmetic functions, advanced scientific calculations, and a playful ConfettiExplosion effect for certain operations. Enjoy a sleek macOS-inspired design with a toggle for day and night modes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published