🚀 CYBER CALC | Advanced Computation System

The Ultimate Calculator with Futuristic 3D Animations & Multi-Mode Calculations

✨ Features • 🎨 Modes • 💻 Tech Stack • 🚀 Quick Start • 📸 Screenshots

---

✨ Features

🎮 Visual Experience 🌌 3D Particle Background with Three.js 🎨 Cyberpunk Theme with neon gradients ✨ Animated UI Elements 🌈 Smooth Transitions at 60 FPS 💫 Glowing Effects and shadows 📱 Fully Responsive design

⚡ Powerful Features 🔢 3 Calculation Modes in one 🔄 Real-time Base Conversion ⚙️ Bitwise Operations 📐 Scientific Functions 🎯 Accurate Computations 🚀 Lightning Fast performance

---

🎨 Calculator Modes

1️⃣ BASIC MODE

Click to expand - Perfect for everyday calculations

Features:

• ➕ Addition - Simple and fast
• ➖ Subtraction - Clean interface
• ✖️ Multiplication - Instant results
• ➗ Division - Error handling
• 🔢 Decimal Support - Precise calculations
• 🗑️ Clear & Backspace - Easy corrections

---

2️⃣ SCIENTIFIC MODE

Click to expand - Advanced mathematical operations

📐 Trigonometric Functions (Input in Degrees)

sin  cos  tan  |  asin  acos  atan

🔬 Advanced Functions

Function	Symbol	Description
Square Root	√	Calculate square roots
Power	x^y	Exponentiation
Logarithm	log	Base-10 logarithm
Pi	π	Pi constant (3.14159...)
Euler	e	Euler's number (2.71828...)
Factorial	x!	Factorial calculation

---

3️⃣ PROGRAMMER MODE

Click to expand - Essential tools for developers

🔢 Multi-Base Support

Base	Range	Example	Use Case
HEX	0-9, A-F	FF	Memory addresses, colors
DEC	0-9	255	Standard calculations
OCT	0-7	377	File permissions
BIN	0-1	11111111	Low-level programming

⚙️ Bitwise Operations

AND  →  Bitwise AND operation (a & b)
OR   →  Bitwise OR operation (a | b)
XOR  →  Bitwise XOR operation (a ^ b)
NOT  →  Bitwise NOT operation (~a)
<<   →  Left Shift (a << n)
>>   →  Right Shift (a >> n)
MOD  →  Modulo operation (a % b)

📊 Real-time Conversion Display

Automatically shows the current value in all four bases simultaneously!

Example:

HEX: FF
DEC: 255
OCT: 377
BIN: 1111 1111

---

💻 Tech Stack

🛠️ Built With:

• HTML5 - Semantic structure
• CSS3 - Glassmorphism, animations, gradients
• Vanilla JavaScript - Pure JS for optimal performance
• Three.js (r128) - 3D particle system and wireframe geometries
• Netlify - Fast deployment & hosting

---

🚀 Quick Start

📦 Installation

# Clone the repository
git clone https://github.com/koushik4475/developers-calculator.git

# Navigate to project directory
cd developers-calculator

# Open in browser
# Simply open index.html in your favorite browser

🔥 Using Live Server (Recommended)

# If you have VS Code with Live Server extension
1. Open the folder in VS Code
2. Right-click on index.html
3. Select "Open with Live Server"

🐍 Using Python

# Python 3
python -m http.server 8000

# Python 2
python -m SimpleHTTPServer 8000

# Open: http://localhost:8000

📦 Using Node.js

# Install http-server globally
npm install -g http-server

# Run server
http-server

# Open: http://localhost:8080

---

🎯 Usage Guide

Basic Mode

1. Click Basic mode button
2. Enter numbers using keypad
3. Select operation (+, -, ×, ÷)
4. Press = to calculate

Scientific Mode

1. Switch to Scientific mode
2. Enter a number
3. Click any function (sin, cos, log, etc.)
4. Note: Trigonometry uses degrees

Programmer Mode

1. Select Programmer mode
2. Choose base (HEX, DEC, OCT, BIN)
3. Enter values with allowed digits
4. View automatic conversions
5. Use bitwise operations

---

📸 Screenshots

🌟 Beautiful Cyberpunk Interface

Basic Mode

Scientific Mode

Programmer Mode

---

🎨 Design Highlights

🌌 3D Background 1500 particles (desktop) 400 particles (mobile) Rotating torus geometry Spinning octahedron Pulsing sphere wireframes

✨ Interactive UI Button press animations Hover effects with shine Smooth transitions Real-time display updates Glowing borders

---

🔮 Future Enhancements

• Dark/Light theme toggle
• History and memory functions
• Keyboard shortcuts support
• More scientific constants
• Custom color themes
• Export calculation history
• Unit conversions
• Graph plotting mode

---

👨‍💻 Developer

KOUSHIK HY

Full Stack Developer & Creative Coder

🚀 Tech Stack & Skills

📊 GitHub Stats

🏆 GitHub Trophies

Built with 💜 and lots of ☕

---

📄 License

This project is open source and available under the MIT License.

---

🌟 Support

If you like this project, please give it a ⭐ on GitHub!

🚀 TRY CYBER CALC NOW! 🚀