🖼️ IMAGEOC

A modern, privacy-focused browser-based image & PDF toolkit built using HTML, CSS and JavaScript.

---

🌐 Live Demo

👉 https://imageoc.vercel.app/

---

📖 About

IMAGEOC is a fast, lightweight, browser-based toolkit for editing images and PDFs without uploading files to any server.

Everything runs locally inside your browser, keeping your files completely private.

Inspired by tools like iLoveIMG and iLovePDF while focusing on simplicity, performance, privacy and modern UI.

---

✨ Features

🖼 Image Tools

• Compress Image
• Convert Image
• Crop Image
• Resize Image
• Rotate Image
• Merge Images
• Image to PDF

---

📄 PDF Tools

• Merge PDF
• Split PDF

---

🌟 Website Features

• Responsive Design
• Dark / Light Theme
• Mobile Friendly
• Animated UI
• Sticky Navigation
• Modern Hero Section
• Tool Search
• Workspace Preview
• Contact Page
• FAQ
• Privacy Policy
• Terms of Service

---

🔒 Privacy

IMAGEOC processes files 100% locally inside your browser.

✅ No server uploads

✅ No account required

✅ No data collection

✅ Your files never leave your device

---

🛠 Built With

• HTML5
• CSS3
• JavaScript (ES6)

Libraries Used

• CropperJS
• PDF-LIB
• jsPDF
• Font Awesome

---

📂 Project Structure

imageoc/
│
├── index.html
│
├── dark-css/
│   ├── about.css
│   ├── features.css
│   ├── footer.css
│   ├── header.css
│   ├── hero.css
│   ├── main.css
│   ├── multi-workspace.css
│   ├── navigation.css
│   ├── reset.css
│   ├── responsive.css
│   ├── switch.css
│   ├── tools.css
│   ├── typography.css
│   ├── variables.css
│   └── workspace.css
│
├── light-css/
│   ├── about.css
│   ├── features.css
│   ├── footer.css
│   ├── header.css
│   ├── hero.css
│   ├── main.css
│   ├── multi-workspace.css
│   ├── navigation.css
│   ├── reset.css
│   ├── responsive.css
│   ├── switch.css
│   ├── tools.css
│   ├── typography.css
│   ├── variables.css
│   └── workspace.css
│
├── js/
│   ├── image-js/
│   │   ├── compress.js
│   │   ├── convert.js
│   │   ├── crop.js
│   │   ├── image-to-pdf.js
│   │   ├── merge-images.js
│   │   ├── resize.js
│   │   └── rotate.js
│   │
│   ├── pdf-js/
│   │   ├── merge-pdf.js
│   │   └── split-pdf.js
│   │
│   ├── active-nav.js
│   ├── download.js
│   ├── mobile-menu.js
│   ├── preview.js
│   ├── theme.js
│   ├── tools-filter.js
│   ├── upload.js
│   ├── workspace.js
│   └── year.js
│
├── pages/
│   ├── contact.html
│   ├── faq.html
│   ├── privacy.html
│   ├── terms-services.html
│   │
│   ├── js/
│   │   └── contact.js
│   │
│   ├── photo/
│   │   └── Get in touch.gif
│   │
│   └── support-css/
│       ├── contact.css
│       ├── main.css
│       ├── responsive.css
│       ├── universal.css
│       └── variables.css

---

🌍 Deployment

IMAGEOC can be deployed on

• GitHub Pages
• Vercel
• Netlify

No backend setup is required.

---

📱 Browser Support

✔ Chrome

✔ Edge

✔ Firefox

✔ Safari

✔ Opera

---

🎯 Roadmap

Future improvements

• Image Watermark
• Background Remover
• PDF Rotate
• PDF Compress
• Rearrange PDF Pages
• Remove PDF Pages
• OCR
• Batch Processing
• Drag & Drop Improvements

---

📝 License

This project is licensed under the MIT License.

---

👨‍💻 Developer

Brijesh Singh

GitHub

https://github.com/brijeshsingh16

LinkedIn

https://linkedin.com/in/bsingh16

---

⭐ Support

If you like this project,

⭐ Star this repository.

It really helps!

---

Made with ❤️ using HTML, CSS & JavaScript.