Image Resizer

I have build a small site that provides the capabiltiy to blur images and also but them on a larger canvas.

I have build a small site that provides the capabiltiy to blur images and also but them on a larger canvas.

Project Description

I have built a web application that allows users to blur images and place them on a larger canvas. The frontend of the application is developed using React, ensuring a responsive and interactive user experience. When users upload images, they are stored in an Amazon S3 bucket, leveraging its scalability and durability for file storage.

The image processing functionality is managed by a dedicated image processor, which handles the blurring effect and resizing tasks. This processor operates asynchronously through a job queue, ensuring efficient handling of multiple image processing requests. Once an image is successfully processed, a confirmation is sent back to the user.

The backend services, including the queue management and image processing, are primarily written in JavaScript and TypeScript, taking advantage of their robust ecosystem and type safety features.

Technologies Used

  • Frontend: React
  • Storage: Amazon S3
  • Image Processing: Custom processor running through a job queue
  • Languages: JavaScript, TypeScript

Features

  • Blur Images: Users can easily apply a blur effect to their images.
  • Canvas Integration: Processed images can be placed on a larger canvas.
  • Asynchronous Processing: Efficient handling of image processing tasks through a job queue.
  • User Notifications: Confirmation sent to users upon successful processing of images.