📄 React Image to PDF Converter

🌟 Overview

The React Image to PDF Converter is a user-friendly web application that enables users to convert images into a PDF document seamlessly. Built using React.js, this tool simplifies image-to-PDF conversion with an intuitive interface and fast performance.

✨ Features

• 🖼️ Drag and Drop Upload: Easily upload images via drag-and-drop functionality.
• 📚 Multiple Image Support: Convert multiple images into a single PDF file.
• 🔄 Reordering: Rearrange uploaded images before generating the PDF.
• 👀 Preview: Visualize the images before conversion.
• 📱 Responsive Design: Works on desktops, tablets, and mobile devices.

🛠️ Tech Stack

• Frontend: ⚛️ React.js
• Styling: 🎨 CSS/Bootstrap for responsive and aesthetic design
• PDF Generation: 📜 Libraries like jspdf or pdf-lib for creating PDF files.

📋 Prerequisites

Ensure you have the following installed:

• 🌐 Node.js (v16.x or later)
• 🛠️ Git

Installation and Setup

1. Clone the Repository

   git clone https://github.com/Ruban2205/react-img-pdf-converter.git
   cd react-img-pdf-converter

2. Install Dependencies

   npm install

3. Start the Application

   npm start

4. Access the Application

   • Open your browser and navigate to http://localhost:3000.

Folder Structure

react-img-pdf-converter
├── src
│   ├── components    # React components for UI and functionality
│   ├── App.js        # Main React component
│   ├── index.js      # Entry point for React
│   └── assets        # Static files like images or styles
├── public
│   ├── index.html    # HTML template
├── package.json      # Dependency manager file
└── README.md         # Project documentation

🧑‍💻 Usage

1. 🖼️ Upload images using the drag-and-drop feature or by selecting files from your device.
2. 🔄 Arrange the images in the desired order.
3. 👀 Preview the images.
4. 📄 Click the Convert to PDF button to generate the PDF.
5. 💾 Download the generated PDF file.

🚧 Future Enhancements

• 📏 Add support for different page sizes and orientations.
• 🖋️ Include options for watermarking or annotating images before conversion.
• 📐 Allow users to set custom margins and layout.

🤝 Contributing

Contributions are welcome! Here’s how you can contribute:

1. 🍴 Fork the repository.
2. 🌿 Create a new branch (git checkout -b feature-name).
3. 🛠️ Make your changes and commit them (git commit -m 'Add new feature').
4. 🚀 Push to your branch (git push origin feature-name).
5. 📨 Open a pull request.

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

👤 Author

Ruban Gino Singh

• 🌐 GitHub
• 💼 LinkedIn

---

💖 Thank you for exploring this project! Feel free to raise issues or suggest features.