{"id":19736557,"url":"https://github.com/danish-jamil-01/image-resizer","last_synced_at":"2026-05-13T11:32:09.165Z","repository":{"id":226300914,"uuid":"768247605","full_name":"Danish-Jamil-01/Image-Resizer","owner":"Danish-Jamil-01","description":"Resize Images with the help of OpenCV","archived":false,"fork":false,"pushed_at":"2025-07-24T22:40:49.000Z","size":23376,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-25T04:35:02.178Z","etag":null,"topics":["glob","image-manipulation","image-resize","image-resizer","image-resizing","opencv","opencv-python","python"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Danish-Jamil-01.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2024-03-06T18:26:19.000Z","updated_at":"2025-07-24T22:40:53.000Z","dependencies_parsed_at":"2025-02-27T21:58:17.881Z","dependency_job_id":null,"html_url":"https://github.com/Danish-Jamil-01/Image-Resizer","commit_stats":null,"previous_names":["danish-jamil-01/resizing-images"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Danish-Jamil-01/Image-Resizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danish-Jamil-01%2FImage-Resizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danish-Jamil-01%2FImage-Resizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danish-Jamil-01%2FImage-Resizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danish-Jamil-01%2FImage-Resizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Danish-Jamil-01","download_url":"https://codeload.github.com/Danish-Jamil-01/Image-Resizer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danish-Jamil-01%2FImage-Resizer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32980683,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T06:31:55.726Z","status":"ssl_error","status_checked_at":"2026-05-13T06:31:51.336Z","response_time":115,"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":["glob","image-manipulation","image-resize","image-resizer","image-resizing","opencv","opencv-python","python"],"created_at":"2024-11-12T01:07:40.654Z","updated_at":"2026-05-13T11:32:09.158Z","avatar_url":"https://github.com/Danish-Jamil-01.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✨ Image Resizer ✨\n\nA modern, browser-based image resizer with a dynamic 3D background and a glassmorphism interface. This tool allows you to quickly and easily resize images to your desired dimensions while maintaining aspect ratio.\n\n[![Live Demo](https://img.shields.io/badge/Live-Demo-brightgreen?style=for-the-badge\u0026logo=github)](https://danish-jamil-01.github.io/Image-Resizer/)\n\n---\n\n![Project Screenshot](https://github.com/user-attachments/assets/6e51596e-9ccb-45fc-b868-051a5167937d)\n\n\n## 📝 Description\n\nThis project is a complete evolution of a basic image resizer. It was built to explore modern web design trends like **glassmorphism** and to integrate real-time 3D graphics using **`three.js`**. The application is purely client-side, meaning all image processing happens directly in your browser, ensuring privacy and speed.\n\n## 🚀 Features\n\n* **Easy Image Upload:** Click to upload or drag \u0026 drop your image.\n* **Custom Resizing:** Set custom width and height in pixels.\n* **Aspect Ratio Lock:** Maintain the original image proportions with a single click.\n* **Live Previews:** See a preview of the uploaded image and the final resized image.\n* **Instant Download:** Download your resized image directly to your device.\n* **Dynamic 3D Background:** An animated, real-time background built with `three.js` featuring abstract shapes.\n* **Glassmorphism UI:** A sleek, modern \"frosted glass\" interface.\n* **Responsive Design:** Looks great on both desktop and mobile devices.\n\n## 🛠️ Technologies Used\n\n* **HTML5:** For the core structure of the application.\n* **CSS3:** For all styling, including Flexbox, Grid, custom properties, and the glassmorphism effect.\n* **JavaScript (ES6+):** For all application logic, including DOM manipulation, file handling, and image processing with the Canvas API.\n* **Three.js:** For creating and animating the 3D background scene.\n\n## ⚙️ How To Use\n\n1.  **Visit the live site:** [https://danish-jamil-01.github.io/Image-Resizer/](https://danish-jamil-01.github.io/Image-Resizer/)\n2.  **Upload an Image:** Drag and drop an image file onto the upload box, or click it to select a file from your device.\n3.  **Set Dimensions:** Once the preview appears, enter your desired width or height. If \"Lock Aspect Ratio\" is checked, the other dimension will update automatically.\n4.  **Resize:** Click the \"Resize Image\" button.\n5.  **Download:** A preview of the resized image will appear along with a \"Download Image\" button. Click it to save your new image.\n\n## 💻 Local Development\n\nTo run this project on your local machine:\n\n1.  Clone the repository:\n    ```bash\n    git clone https://github.com/Danish-Jamil-01/Image-Resizer.git\n    ```\n2.  Navigate to the project directory:\n    ```bash\n    cd Image-Resizer\n    ```\n3.  Open the `index.html` file in your web browser.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanish-jamil-01%2Fimage-resizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanish-jamil-01%2Fimage-resizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanish-jamil-01%2Fimage-resizer/lists"}