Augen stands for Augment Generation. Our inspiration was Photoshop because that app is mostly based on making augmentations on an image and that is what our project does well.

What it does

Users can change parameters such as the x and y position of the emoji, emoji size, and emoji type. Then upload an image and they will get back an image with an emoji with the properties described above.

How we built it

We used React on the frontend and used a components library called Chakra UI which would enable us to make responsive and beautiful UI. We used FastAPI on the backend which helped us create an API quickly so that we can leverage Augly's features.

Challenges we ran into

None of us had any experience with images so try to send an image to frontend and then sending it to the backend was tough because we needed to figure out how to store it temporarily on the frontend and then how to get the backend to accept an image. The other challenge we faced was sending a modified image from the backend to the frontend. Originally this was a chunk of bytes and we had no idea what to do with this.

Accomplishments that we're proud of

We made the one feature we were working on to work so that was nice since it was a huge technical challenge because we had never done it. We were able to do this because we are smart, Stack Overflow and the interactivity in FastAPI's in-built docs.

What we learned

We learned how tough it can be to augment any sort of media, it makes us appreciate more about the people who create filters for social media apps like Instagram and Snapchat.

What's next for Augen

We plan on adding video and audio. We also want to maybe have a competition where two people make some image augmentations and then there are people with a link to a room who vote on the best one.

Built With

Share this project: