{"id":34991438,"url":"https://github.com/pranavhendre02/javascript_project","last_synced_at":"2026-04-24T15:31:59.331Z","repository":{"id":277749897,"uuid":"933375709","full_name":"PranavHendre02/Javascript_Project","owner":"PranavHendre02","description":"JavaScript Projects - Learn JS Through Hands-on Mini Projects  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.  ","archived":false,"fork":false,"pushed_at":"2025-05-17T20:59:26.000Z","size":3355,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-17T21:30:28.121Z","etag":null,"topics":["javascript","javascript-library","javascriptes6"],"latest_commit_sha":null,"homepage":"https://pranavhendre02.github.io/Javascript_Project/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PranavHendre02.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-02-15T20:00:55.000Z","updated_at":"2025-05-17T20:59:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"41bb3e91-3e87-4b55-8d85-1eb9e6c3a526","html_url":"https://github.com/PranavHendre02/Javascript_Project","commit_stats":null,"previous_names":["pranavhendre02/javascript_project"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/PranavHendre02/Javascript_Project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PranavHendre02%2FJavascript_Project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PranavHendre02%2FJavascript_Project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PranavHendre02%2FJavascript_Project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PranavHendre02%2FJavascript_Project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PranavHendre02","download_url":"https://codeload.github.com/PranavHendre02/Javascript_Project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PranavHendre02%2FJavascript_Project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32228959,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","javascript-library","javascriptes6"],"created_at":"2025-12-27T01:55:38.618Z","updated_at":"2026-04-24T15:31:59.326Z","avatar_url":"https://github.com/PranavHendre02.png","language":"HTML","readme":"# JavaScript Projects\n\n🔗 Live Demo: [Click Here](https://pranavhendre02.github.io/Javascript_Project/)\n\n## 📌 Overview\n\nThis 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.\n\n---\n\n## 🚀 Projects Included\n\n### 🌍 **Currency Converter API-Based Project**\n![image alt](https://github.com/PranavHendre02/Javascript_Project/blob/6e6bfdbfbf93d2e8a2ac2f391f2cdc2f2c56c030/currency%20convertor/Currency%20Convertor.png)\n🔗 Live Demo:[Currency Convertor]( https://pranavhendre02.github.io/Javascript_Project/currency%20convertor/index.html)\n- Fetches and displays **dynamic data** using JavaScript APIs.\n- Demonstrates **fetch() API**, JSON handling, and asynchronous JavaScript.\n- Interactive UI for seamless user experience.\n---\n\n### ⏰ **Digital Clock**\n![image alt](https://github.com/PranavHendre02/Javascript_Project/blob/4711eb90aab60d7eb4c7775326940c46a16cef5f/digital%20clock/Digital%20clock.png)\n🔗 Live Demo: [Digital Clock](https://pranavhendre02.github.io/Javascript_Project/digital%20clock/)\n- A stylish **analog + digital clock** that updates in real-time.\n- Uses **JavaScript's Date object** to display accurate time.\n- Features a glowing **3D effect UI**.\n---\n### ➕ **Calculator**\n![image alt](https://github.com/PranavHendre02/Javascript_Project/blob/4711eb90aab60d7eb4c7775326940c46a16cef5f/calculator/Calculator.png)\n🔗 Live Demo: [Calculator]( https://pranavhendre02.github.io/Javascript_Project/calculator/index.html)\n- A **modern interactive calculator** with:\n  - Basic arithmetic operations: **+, -, *, /**\n  - **Trigonometric functions**: sin, cos, tan\n  - **Square root calculation** using `Math.sqrt()`\n- Stylish **3D button effects** for an enhanced user experience.\n--- \n### 📱 **QR Code Generator**\n![image alt](https://github.com/PranavHendre02/Javascript_Project/blob/4711eb90aab60d7eb4c7775326940c46a16cef5f/QR%20code%20genrator/QRCode%20Generator.png)\n🔗 Live Demo: [QR CODE ]( https://pranavhendre02.github.io/Javascript_Project/QR%20code%20genrator/index.html)\n- Users can enter any **text or URL**, and the QR code is generated dynamically.\n- Uses the **QRCode() method** from **QRCode.js**.\n- **Highest error correction level** (H - 30%) ensures accuracy even with distortions.\n- **Blurry Glass UI** with a **linear gradient background**.\n- **Fully responsive design** with **auto-resizing QR codes**.\n--- \n### 🎤 **Text-To-Speech Converter**\n![image alt](https://github.com/PranavHendre02/Javascript_Project/blob/4b279b80366e383edba4d5c09b26465ca908b4ab/Text%20to%20Speech/Text-To-Speech.png)\n🔗 Live Demo: [Text-To-Speech](https://pranavhendre02.github.io/Javascript_Project/Text%20to%20Speech/index.html)\n- Converts user-entered **text into speech** using JavaScript's built-in `SpeechSynthesisUtterance` API.\n- Provides **play, pause, and stop** controls for user convenience.\n- Supports **multiple voices and languages** (depending on the browser).\n- Simple and responsive UI for seamless interaction.\n---\n\n## 🛠️ Technologies Used\n\n- **HTML5** - Page structure and elements.\n- **CSS3** - Styling, layout, UI effects, filters, and responsive design.\n- **JavaScript (ES6)** - Core logic, event handling, and API interactions.\n- **QRCode.js** - External JavaScript library for generating QR codes.\n\n---\n\n## 📌 How to Use\n\n1. **Clone the repository**:\n   ```sh\n   git clone https://github.com/PranavHendre02/Javascript_Project.git\n   ```\n2. **Navigate to the project folder** and open the respective project files (`index.html`) in a browser.\n3. **Experiment and learn JavaScript through hands-on coding!** 🚀\n\n---\n\n### 🤝 Contributing\n\nIf you'd like to contribute, feel free to **fork** the repository and submit a **pull request**!\n\n---\n\n### 👨‍💻 Author\n\nDeveloped by **Pranav Hendre** 🚀\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranavhendre02%2Fjavascript_project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpranavhendre02%2Fjavascript_project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranavhendre02%2Fjavascript_project/lists"}