PDF & JPG Converter 📄🔄🖼

A modern PDF to JPG & JPG to PDF converter built using React Vite. Featuring a sleek glassmorphism UI, smooth scrolling, and animated transitions for a seamless experience. 🚀

📌 Features

✅ Convert PDF to JPG and JPG to PDF effortlessly
✅ Glassmorphism UI for a modern look ✨
✅ Smooth scrolling navigation 🔄
✅ Framer Motion animations for an engaging experience 🎭
✅ Fast processing with optimized performance ⚡
✅ Fully responsive design 📱

---

🛠 Tech Stack

• Frontend: React, Vite, CSS
• Libraries Used:
  • framer-motion (for animations)
  • react-scroll (for smooth scrolling navigation)
  • pdfjs-dist (for handling PDF to image conversion)
  • jspdf (for JPG to PDF conversion)

---

📦 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/shivamsaurabh25/PDF---JPG-Convertor.git
cd PDF---JPG-Convertor

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

4️⃣ Open in Browser
Go to http://localhost:5173/

---

📂 Project Structure

📂pdf-jpg-converter/
│── 📂src/
│   ├── 📂components/
│   │   ├── Navbar.jsx        # Navigation bar
│   │   ├── Home.jsx          # Landing page with buttons
│   │   ├── PdfToJpg.jsx      # PDF to JPG conversion component
│   │   ├── JpgToPdf.jsx      # JPG to PDF conversion component
│   ├── App.jsx               # Main application file
│   ├── main.jsx              # Renders App.jsx
│   ├── index.css             # Global css
├── index.html
│── 📂public/                    # Static assets
│── package.json               # Project dependencies
│── vite.config.js             # Vite configuration
│── README.md                  # Project documentation

---

🎨 UI & Styling

• Glassmorphism Design: A stylish and modern interface
• Framer Motion Animations: Smooth entrance/exit transitions
• Responsive UI: Works on mobile, tablet, and desktop

---

🛠 Dependencies

Library	Purpose
react	Core framework
vite	Fast development server
framer-motion	Smooth animations
react-scroll	Smooth scrolling effect
pdfjs-dist	PDF to JPG conversion
jspdf	JPG to PDF conversion

To install all dependencies, simply run:

npm install

---

🚀 How It Works

1️⃣ Convert PDF to JPG:

• Upload a PDF file
• Convert and download JPG images

2️⃣ Convert JPG to PDF:

• Upload JPG images
• Convert and download as a PDF

3️⃣ Smooth Navigation:

• Click "PDF to JPG" or "JPG to PDF" to smoothly scroll to the respective section

---

💡 Future Enhancements

🔹 Support for multiple image formats (PNG, TIFF, etc.)
🔹 Drag-and-drop file upload 📂
🔹 Batch processing for multiple PDFs/JPGs 🚀

---

🙌 Contributing

💡 Want to contribute? Follow these steps:

1. Fork the repository
2. Create a feature branch (git checkout -b feature-name)
3. Commit changes (git commit -m "Added new feature")
4. Push to GitHub (git push origin feature-name)
5. Submit a Pull Request 🎉

---