Building an Image Resizer with Flask, React and Vite

Introduction

Hello! 😎

In this tutorial I will show you how to build a simple image resizer using Flask, React and Vite.

Requirements

• Basic knowledge of Python/React


• OpenCV installed

Creating The Server Side

First we create the server side using Flask to handle the image upload, convert the image and then provide the converted image in the response. To do this we will use OpenCV and NumPy.

OpenCV is utilized to decode the uploaded image, resize it, and encode it …

basic beginners build building flask hello image introduction javascript knowledge opencv python react requirements server server side show simple tutorial will