ZIP FILE MAKER TOOL

Here's a simple example of a ZIP file maker tool using HTML, CSS, and JavaScript. This tool uses the JSZip library to generate ZIP files. HTML ```

ZIP File Maker

Download ZIP

``` CSS (in style.css file) ``` body { font-family: Arial, sans-serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 80%; max-width: 600px; text-align: center; } input[type="file"] { margin-bottom: 10px; } button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #0056b3; } #download-zip { margin-top: 10px; padding: 10px 20px; background-color: #007bff; color: white; border-radius: 4px; text-decoration: none; } #download-zip:hover { background-color: #0056b3; } ``` JavaScript (in script.js file) ``` let fileInput = document.getElementById('file'); let createZipButton = document.getElementById('create-zip'); let downloadZipLink = document.getElementById('download-zip'); createZipButton.addEventListener('click', createZip); function createZip() { let zip = new JSZip(); let files = fileInput.files; for (let i = 0; i < files.length; i++) { let file = files[i]; zip.file(file.name, file); } zip.generateAsync({ type: 'blob' }) .then(function(blob) { let url = URL.createObjectURL(blob); downloadZipLink.href = url; downloadZipLink.download = 'files.zip'; downloadZipLink.style.display = 'inline-block'; }); } ``` How

TEXT TO SPEECH CONVERTER TOOL

Here's a simple example of HTML, CSS, and JavaScript code that uses ResponsiveVoice.js to convert text to speech with voice selection and support for multiple languages: HTML ```

Text to Speech Converter

``` CSS (in style.css file) ``` body { font-family: Arial, sans-serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 80%; max-width: 600px; } textarea { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } select { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; margin-right: 10px; } button:hover { background-color: #0056b3; } #stop { background-color: #dc3545; } #stop:hover { background-color: #c82333; } ``` JavaScript (in script.js file) ``` let voices = []; document.addEventListener('DOMContentLoaded', function() { populateVoices(); document.getElementById('speak').addEventListener('click', speak); document.getElementById('stop').addEventListener('click', stop); }); function populateVoices() { voices = responsiveVoice.getVoices(); let voiceSelect = document.getElementById('voice'); voices.forEach(voice => { let option = document.createElement('option'); option.textContent = voice.name; option.value = voice.name; voiceSelect.appendChild(option); }); } function speak() { let text = document.getElementById('text').value; let voice = document.getElementById('voice').value; responsiveVoice.speak(text, voice); } function stop() { responsiveVoice.cancel(); } ``` How It Works: 1. *HTML Structure*: Provides a simple interface with a textarea for input, a select dropdown for voice selection, and buttons to start and stop speech. 2. *CSS Styling*: Adds basic styling to make the interface more user-friendly. 3. *JavaScript Logic*: - Populates the voice select dropdown with available voices from ResponsiveVoice.js. - Listens for click events on the speak and stop buttons. - Uses ResponsiveVoice.js to speak the text in the selected voice when the speak button is clicked. - Stops any ongoing speech when the stop button is clicked. *Note*: You need to replace `YOUR_API_KEY` with your actual ResponsiveVoice API key in the script tag. If you don't have one, you can get it from the ResponsiveVoice website. Also, be aware of the terms of service and usage limits for the free tier.

TEXT TO PDF CONVERTER TOOLBJ

Creating a full-fledged text-to-PDF converter with download functionality involves several components, including HTML for structure, CSS for styling, and JavaScript to handle the conversion and download process. We'll use the jsPDF library to generate PDFs. Below is a simple implementation: HTML (index.html) ```

Text to PDF Converter

Download PDF

``` CSS (style.css) ``` body { font-family: Arial, sans-serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 80%; max-width: 600px; } textarea { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #0056b3; } #downloadLink { margin-top: 10px; display: block; text-decoration: none; background-color: #28a745; color: white; padding: 10px 20px; border-radius: 4px; text-align: center; } #downloadLink:hover { background-color: #218838; } ``` JavaScript (script.js) ``` document.getElementById('convertBtn').addEventListener('click', function() { const text = document.getElementById('textArea').value; if (text.trim() !== '') { generatePDF(text); } else { alert('Please enter some text.'); } }); function generatePDF(text) { const doc = new jsPDF(); doc.text(text, 10, 10); const pdfBlob = doc.output('blob'); const url = URL.createObjectURL(pdfBlob); const downloadLink = document.getElementById('downloadLink'); downloadLink.href = url; downloadLink.download = 'converted_text.pdf'; downloadLink.style.display = 'block'; } ``` How It Works: 1. *HTML Structure*: Provides a simple interface with a textarea for input, a button to trigger the conversion, and a hidden link for downloading the PDF. 2. *CSS Styling*: Adds basic styling to make the interface more user-friendly and responsive. 3. *JavaScript Logic*: - Listens for a click event on the convert button. - Retrieves the text from the textarea and checks if it's not empty. - Uses jsPDF to generate a PDF from the text. - Creates a blob URL for the PDF and sets it as the href attribute of the download link. - Makes the download link visible after PDF generation. This example provides a basic implementation. Depending on your requirements, you might need to adjust the PDF generation logic, such as adding more text formatting options or handling larger texts with multiple pages.

SCREEN RECORDER TOOL

Here's a complete code for a screen recorder tool using RecordRTC library. This example includes basic features like start/stop recording, video preview, and download recorded video. *HTML:* ```

Screen Recorder

``` CSS (in style.css file): ``` body { font-family: Arial, sans-serif; background-color: #f0f0f0; } .container { max-width: 800px; margin: 40px auto; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } button { padding: 10px 20px; border: none; border-radius: 5px; background-color: #4CAF50; color: #fff; cursor: pointer; } button:disabled { opacity: 0.5; cursor: not-allowed; } #video-preview { margin-top: 20px; border: 1px solid #ddd; border-radius: 5px; } ``` JavaScript (in script.js file): ``` let recorder; let recordedBlobs; let videoPreview = document.getElementById('video-preview'); let startRecordingButton = document.getElementById('start-recording'); let stopRecordingButton = document.getElementById('stop-recording'); let downloadVideoButton = document.getElementById('download-video'); startRecordingButton.addEventListener('click', startRecording); stopRecordingButton.addEventListener('click', stopRecording); async function startRecording() { try { let stream = await navigator.mediaDevices.getDisplayMedia({ video: { cursor: 'always' }, audio: true }); videoPreview.srcObject = stream; videoPreview.play(); recordedBlobs = []; recorder = new RecordRTC(stream, { type: 'video' }); recorder.startRecording(); startRecordingButton.disabled = true; stopRecordingButton.disabled = false; } catch (error) { console.error(error); } } function stopRecording() { recorder.stopRecording(() => { let blob = recorder.getBlob(); recordedBlobs.push(blob); videoPreview.srcObject = null; videoPreview.src = URL.createObjectURL(blob); videoPreview.play(); startRecordingButton.disabled = false; stopRecordingButton.disabled = true; downloadVideoButton.disabled = false; }); } downloadVideoButton.addEventListener('click', () => { let blob = new Blob(recordedBlobs, { type: 'video/webm' }); let url = URL.createObjectURL(blob); let a = document.createElement('a'); a.href = url; a.download = 'recorded-video.webm'; a.click(); URL.revokeObjectURL(url); }); ``` This code creates a basic screen recorder tool with start/stop recording and download video features. You can customize the styling and add more features as per your requirements. Note that this code uses the `getDisplayMedia` API to capture the screen, which requires permission from the user. Also, the recorded video is in WebM format, which might not be compatible with all media players. You can modify the code to support other formats if needed.

EMAIL EXTRACTOR TOOL

n email extractor tool using Python with regular expressions: ``` import re def extract_emails(text): pattern = r'\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b' emails = re.findall(pattern, text) return emails text = input("Enter text: ") emails = extract_emails(text) if emails: print("Extracted Emails:") for email in emails: print(email) else: print("No emails found.") ``` This code extracts email addresses from a given text. You can modify it according to your needs.

EARNING SITE

My withdraw from this bot https://coincropp.com?ref=jpeIW9Z1nz4dMy withdraw from this bot https://coincropp.com?ref=jpeIW9Z1nz4d

FREELANCE JOB LISTING CODE

*Freelance Job Listing Platform Code* ``` from django.db import models from django.contrib.auth.models import User Models class Job(models.Model): title = models.CharField(max_length=200) description = models.TextField() budget = models.DecimalField(max_digits=10, decimal_places=2) client = models.ForeignKey(User, on_delete=models.CASCADE, related_name="client") class Freelancer(models.Model): user = models.OneToOneField(User, on_delete=models.CASCADE) skills = models.CharField(max_length=200) experience = models.TextField() class Proposal(models.Model): job = models.ForeignKey(Job, on_delete=models.CASCADE, related_name="proposals") freelancer = models.ForeignKey(Freelancer, on_delete=models.CASCADE, related_name="proposals") proposal_text = models.TextField() bid_amount = models.DecimalField(max_digits=10, decimal_places=2) Views from django.shortcuts import render, redirect from django.contrib.auth.decorators import login_required from .forms import JobForm, ProposalForm @login_required def create_job(request): if request.method == "POST": form = JobForm(request.POST) if form.is_valid(): job = form.save(commit=False) job.client = request.user job.save() return redirect("job_list") else: form = JobForm() return render(request, "create_job.html", {"form": form}) @login_required def submit_proposal(request, job_id): job = Job.objects.get(id=job_id) if request.method == "POST": form = ProposalForm(request.POST) if form.is_valid(): proposal = form.save(commit=False) proposal.job = job proposal.freelancer = request.user.freelancer proposal.save() return redirect("job_detail", job_id=job_id) else: form = ProposalForm() return render(request, "submit_proposal.html", {"form": form, "job": job}) Templates create_job.html submit_proposal.html job_list.html job_detail.html ``` This code creates a basic freelance job listing platform with the following features: 1. Clients can create job listings. 2. Freelancers can submit proposals for jobs. 3. Clients can view proposals for their jobs. This is a simplified example and may not be suitable for production use without additional features and security measures. *How it works:* 1. Clients create job listings by filling out a form. 2. Freelancers search for jobs and submit proposals. 3. Clients review proposals and select a freelancer. *Earning potential:* 1. Charge clients a fee for job listings. 2. Take a commission on freelancer earnings. 3. Offer premium services for clients and freelancers.