🎙️ CalcVoice - Calculate with Your Voice! 🧮

A smart, accessible, and voice-powered calculator made with ❤️ using React & Web APIs.

---

🌟 Overview

CalcVoice is a modern and responsive voice-enabled calculator. It supports both voice commands and speech feedback, allowing users to calculate hands-free while adjusting settings like theme and precision. Designed with accessibility in mind, it’s a great tool for all ages and users.

---

🎥 Demo Video

📺 Watch the walkthrough here:

🔗 Click the image or watch on YouTube

---

🎨 Features

• 🎤 Voice command input via Web Speech API
• 🗣️ Voice result feedback using speechSynthesis
• 🌗 Light/Dark theme toggle
• 🧮 Smart math support: sin, cos, tan, sqrt, power
• 📝 History of recent 5 calculations
• ⚙️ Settings panel with customizable voice & precision
• 📱 Fully responsive design
• 🔧 Built using React with functional components

---

📂 Project Structure

calcvoice/
├── public/               # Static assets and index.html
│
├── src/                  # Main source code
│   ├── App.js            # Main App with routes
│   ├── Calculator.js     # Core calculator logic and UI
│   ├── Settings.js       # Theme, voice, and precision settings
│   ├── Instructions.js   # Help and user guidance
│   ├── About.js          # Info about CalcVoice
│   └── index.js          # React entry point
│
├── Screenshot 2025-06-11 122432.png
├── Screenshot 2025-06-11 122447.png
├── Screenshot 2025-06-11 122507.png
├── Screenshot 2025-06-11 122525.png
├── Screenshot 2025-06-11 122547.png
├── Screenshot 2025-06-11 122600.png
├── Screenshot 2025-06-11 122612.png
├── Screenshot 2025-06-11 122628.png
├── Screenshot 2025-06-11 122649.png
├── package.json
├── package-lock.json
├── README.md
└── .gitignore

🖼️ Screenshots

📸 Real views of the CalcVoice website:

🏠Developer Page	🚀Responsive Design

👤 Command Examples	⭐ Setting Page

🎁 Calculator Interface	👤 Instructions Page

🛍️ About Page	🧺 Theme Toggle

🌐 Full Website View

---

🚀 Getting Started

📦 Install Dependencies

npm install
▶️ Start Development Server

npm start

🌐 Visit http://localhost:3000 to see the website live.

🔈 Supported Voice Commands

Command	Action
"Clear" / "Reset"	Clears the calculator display
"Delete last"	Deletes the last character
"5 plus 2"	Performs addition
"10 divided by 5"	Performs division
"Square root 25"	Calculates √25
"2 to the power 3" / "2 ^ 3"	Calculates 2³
"Sin 30", "Cos 60", "Tan 45"	Trigonometric functions

🛠️ Built With

• ⚛️ React.js

• 🗣️ Web APIs: SpeechRecognition & SpeechSynthesis

• 💡 Functional Components & Hooks

• 📦 npm / Node.js

• 🎨 Tailwind CSS

👩‍💻 Author

Shristi Rajpoot

• 📧 Email: shristirajpoot369@gmail.com
• 🔗 GitHub: @Shristirajpoot

📄 License

This project is licensed under the MIT License.

🌟 If you liked this project, consider starring the repo and sharing it!