Image Processing Service

A full-stack image processing application inspired by Cloudinary.

Users can register, upload images, perform transformations, and retrieve transformed images through a simple web interface.

---

Live Demo

Frontend:

https://image-processing-frontend-kappa.vercel.app/

Backend:

https://image-processing-service-26hy.onrender.com

---

Features

Authentication

• User Registration
• User Login
• JWT Authentication
• Protected Routes

Image Processing

• Upload Images
• Resize Images
• Rotate Images
• Convert Image Formats
• Cloud Storage Integration

Storage

• MongoDB Atlas
• Cloudinary

---

Tech Stack

Frontend

• React
• TypeScript
• Vite
• Axios
• React Router DOM

Backend

• Node.js
• Express.js
• TypeScript
• MongoDB Atlas
• Mongoose
• JWT
• Bcrypt

Image Processing

• Sharp
• Cloudinary

---

Architecture

React Frontend
      │
      ▼
Express API
      │
      ▼
MongoDB Atlas

      │
      ▼
Cloudinary Storage

      │
      ▼
Sharp Transformations

---

Screenshots

Login Page

Dashboard

Register Page

---

Local Setup

Clone repository:

git clone https://github.com/KhushiB03/Image---Processing---Service.git

Backend:

cd backend

npm install

npm run dev

Frontend:

cd frontend

npm install

npm run dev

---

Future Improvements

• Grayscale Filter
• Watermarking
• Image Deletion
• Batch Processing
• Transformation History

---

Author

Khushi Bhardwaj