JavaScript Projects

🔗 Live Demo: Click Here

📌 Overview

This repository contains beginner-friendly JavaScript projects designed to help you learn and practice core JavaScript concepts. Each project is built with HTML, CSS, and JavaScript, focusing on real-world applications.

---

🚀 Projects Included

🌍 Currency Converter API-Based Project

🔗 Live Demo:Currency Convertor

• Fetches and displays dynamic data using JavaScript APIs.
• Demonstrates fetch() API, JSON handling, and asynchronous JavaScript.
• Interactive UI for seamless user experience.

---

⏰ Digital Clock

🔗 Live Demo: Digital Clock

• A stylish analog + digital clock that updates in real-time.
• Uses JavaScript's Date object to display accurate time.
• Features a glowing 3D effect UI.

---

➕ Calculator

🔗 Live Demo: Calculator

• A modern interactive calculator with:
  • Basic arithmetic operations: *+, -, , /
  • Trigonometric functions: sin, cos, tan
  • Square root calculation using Math.sqrt()
• Stylish 3D button effects for an enhanced user experience.

---

📱 QR Code Generator

🔗 Live Demo: QR CODE

• Users can enter any text or URL, and the QR code is generated dynamically.
• Uses the QRCode() method from QRCode.js.
• Highest error correction level (H - 30%) ensures accuracy even with distortions.
• Blurry Glass UI with a linear gradient background.
• Fully responsive design with auto-resizing QR codes.

---

🎤 Text-To-Speech Converter

🔗 Live Demo: Text-To-Speech

• Converts user-entered text into speech using JavaScript's built-in SpeechSynthesisUtterance API.
• Provides play, pause, and stop controls for user convenience.
• Supports multiple voices and languages (depending on the browser).
• Simple and responsive UI for seamless interaction.

---

🛠️ Technologies Used

• HTML5 - Page structure and elements.
• CSS3 - Styling, layout, UI effects, filters, and responsive design.
• JavaScript (ES6) - Core logic, event handling, and API interactions.
• QRCode.js - External JavaScript library for generating QR codes.

---

📌 How to Use

1. Clone the repository:

   git clone https://github.com/PranavHendre02/Javascript_Project.git

2. Navigate to the project folder and open the respective project files (index.html) in a browser.
3. Experiment and learn JavaScript through hands-on coding! 🚀

---

🤝 Contributing

If you'd like to contribute, feel free to fork the repository and submit a pull request!

---

👨‍💻 Author

Developed by Pranav Hendre 🚀