Case Study of "Free mockup ai"
;
This is a teamwork-based full-stack project developed according to the client’s requirements. Three developers, including myself, are working on this project. The work is carried out using the Agile methodology. Whenever a new section or feature needs to be added, we first conduct a team meeting to decide who will work on which part. Afterward, we code that specific part, test it, and submit it. Finally, it is made live.
Challenges
Initially, we had no prior experience with such applications, so we felt some pressure while working on it. The biggest challenge was having to study every minor detail, which we implemented through experimentation
Technologies Used
HTML5 CanvasReact KonvaNext.jsTailwind CSSMongodbzodaxiosnext-authopenaistripe
Features
- Drag-and-drop functionality for uploaded designs.
- Masking of the uploaded design image in predefined areas (e.g., T-shirt)
- Rotation of the uploaded design image.
- Blending of the design image with the fabric's creases and textures.
- Changing the background image.
- Removing the background image and downloading just the mockup image.
- Changing the color of the mockup and different layers of the mockup.
- Zooming in and out
- Preview, edit, and download options.
- AI integration
Others pages of this projects
![image of /]Free mockup ai](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdkbtrxbhl%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Fv1%2Fsite%2520ss%2Fkkude9rxabadocj9cpfe&w=1920&q=75)
![image of /]Free mockup ai](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fdkbtrxbhl%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Fv1%2Fsite%2520ss%2Fvfi6afmtu1yhl1r6unif&w=1920&q=75)
