DEV Community

Cover image for Fotizo - Edit your image with ease.
Shweta Kale
Shweta Kale

Posted on

1 1 1

Fotizo - Edit your image with ease.

This is a submission for the The AWS Amplify Fullstack TypeScript Challenge

What I Built

I build Fotizo, image editor app using React and AWS Amplify. With fotizo currently you can apply blur, saturation, contrast, brightness, and grayscale to your image but the possibilities are endless. I am working on it and after this challenge I will add more edits and customization options to build this editor something similar to canva's photo editor.

Demo and Code

You can access the editor here: https://main.d238eid8v6fv55.amplifyapp.com/

and the code for this is available in my github repo: https://github.com/raibove/fotizo-editor

Image description

Image description

Integrations

I integrated following AWS amplify technologies:

  1. Authentication: To access all the pages apart from landing page, user needs to be authenticated.
  2. file storage: The files user upload are stored in S3. And then I apply different filters and process on it. This allows user to share their images with others.
  3. Data: I am storing the image edit details in the data so that user can come back and continue editing whenever he wants.

Apart from this I used UI components from '@aws-amplify/ui-react' to build all the pages in my app so my submission also qualifies for connected components.

Connected Components and/or Feature Full

Thank you for reading this, I know there's lot to improve in this project but I was tight on my schedule due to office work, still I am glad that I was able to submit partially baked project instead of not submitting at all.

<!-- Thanks for participating! →

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more