IMGIX is an image processing service and CDN that has an easy-to-use API via querystring. it exposes many important transformations and features to make it easy to have variations on a base image or to be able to apply different types of optimizations to images.
In addition, it has a sandbox, where we can test each of the features that its api has, which is a powerful tool because we are generating the final image through parameters in real time , but with some disadventages.
This application is intended to improve in some way the UX / UI experience, creating a new kind of sandbox.
The final result of this repo can be reviewed at: https://react-ts-dnexum.stackblitz.io/
The UI is made up of three views:
- Home
- Rotate view
- Adjust view
Rotate and Adjust views gives both the chance to apply different options of rotation and adjustment with the simplest solution, clicking buttons to get results.
Local Setup instructions:
To install the app localy, you can clone or download the repo to your local system. After that it is
necesary tu run th "npm install" or "yarn" to install all the package dependencies.
The app uses Nextui library for different components so, "yarn add @nextui-org/react" or "npm i @nextui-org/react" should be installed.
The app uses Imgix Library so "npm install react-imgix" or "yarn add react-imgix"