Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tauqueeralam42/confetti-calculator
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.
https://github.com/tauqueeralam42/confetti-calculator
confetti-explosion reactjs vite
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/tauqueeralam42/confetti-calculator
- Owner: tauqueeralam42
- Created: 2024-07-08T19:35:22.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-09T10:11:00.000Z (6 months ago)
- Last Synced: 2024-07-10T07:09:36.490Z (6 months ago)
- Topics: confetti-explosion, reactjs, vite
- Language: JavaScript
- Homepage: https://tauqueer-confetti-calculator.netlify.app/
- Size: 101 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://tauqueer-confetti-calculator.netlify.app/)
## 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:
```sh
git clone https://github.com/tauqueeralam42/Confetti-Calculator.git
```
2. Navigate to the project directory:
```sh
cd Confetti-Calculator
```
3. Install dependencies :
```sh
cd ../Confetti-Calculator
```
4. Start the frontend:
```sh
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.
- GitHub: [tauqueeralam42](https://github.com/tauqueeralam42)
- Email: [email protected]