BG Remover

A simple, lightweight tool to remove image backgrounds using HTML, CSS, and JavaScript. Perfect for personal use or learning how to integrate APIs into web applications.

---

🚀 Features

• Real-Time Preview: See the background removal in action as you upload.
• Download Option: Save your edited image directly to your device.
• Responsive Design: Works flawlessly on all devices.

---

🧰 Getting Started

1. Prerequisites

To use this project, you need:

• A modern web browser
• An API key from Remove.bg API

2. Set Up the API Key

Before running the project locally, you need to add your Remove.bg API key to the code:

1. Open the file js/script.js
2. Go to line 25:

   const apiKey = "ADD_API_KEY_HERE"; // Replace with your API key

3. Replace it with your actual API key:

   const apiKey = "YOUR_API_KEY_HERE"; // Replace with your API key

You can get your API key by signing up at Remove.bg API.

---

⚙️ How It Works

1. HTML Structure: Provides the basic layout for the uploader and preview area.
2. CSS Styling: Adds a clean and user-friendly design with smooth animations.
3. JavaScript Logic: Handles the image processing and background removal functionality using the Remove.bg API.

---

🖥️ Running the Project Locally

1. Clone the repository:

   git clone https://github.com/ZarCodeX/bg-remover.git

2. Navigate to the project directory:

   cd bg-remover

3. Open the index.html file in your browser:

   open index.html

4. Follow the instructions in the Set Up the API Key section to add your API key.

---

🌐 Live Preview

Check out the live version of the project:
🔗 https://zarcodex.github.io/bg-remover/

---

⚠️ Recommendations

• ✅ Recommended for Personal Use Only
• ❌ Not Recommended for Commercial Use

💡 Customizable: Fork the project and add more features, improve the UI, or integrate it into your own apps!

---

🛠 Technologies Used

• HTML – Structure of the application
• CSS – Styling and responsiveness
• JavaScript – Handling API requests and image processing

---

📚 API Documentation

More details about the Remove.bg API can be found at:
https://www.remove.bg/api

---

🤝 Contributing

Want to improve the project?

• Submit a pull request
• Open an issue
• All contributions are welcome!

---

Made with ❤️ by ZarCodeX