SketchFit

Home Page
Model 1
Model 1 Image with a new jacket
Model 1 Image with a new jacket and sweater
Model 2
Model 2 with a new hoodie
Model 3
Initial Image
Model 4
Rendered Image after completion

Inspiration

When we were all talking about what we enjoyed most in our childhood, we realized we all loved to draw, color, and make things just for fun. Now, as young professionals entering the tech industry, we realized how much of our creativity has faded as we focused on other aspects of our lives. We wanted to bring that creativity back in a way that still fits our busy lives. That’s why we built SketchFit — an app that lets you draw, design, and shop your own outfits. It reconnects us with our creative side while helping us express ourselves in ways that fit our lifestyle and bring back the creative energy we had when we were younger.

What it does

SketchFit is an app that lets users draw or sketch their own clothing ideas and instantly see them come to life. To start, you scan an avatar of yourself so you can see how each design looks on you in real time. Once an image of the clothing is generated, you can either build a full outfit or focus on individual pieces. From there, you can shop directly from your own gallery, where all your creations are saved. With the help of our partnered manufacturers, we work hard to find pieces that match your designs as closely as possible. If you choose, we’ll collaborate with our vendors to create custom clothing items that bring your exact vision to life.

How we built it We built the app using modern tools such as Next.js and TypeScript for a fast, scalable frontend. Our backend uses MongoDB to store user data and item images, and we connected it with a REST API built in Next.js API routes. We integrated DndKit for smooth drag-and-drop interactions and Tailwind CSS for a clean, responsive UI. Image rendering and storage are handled using Blobs stored in MongoDB. We envisioned Visa payments being an integral part of the community marketplace where users can design and purchase their own creations.

Challenges we ran into

The biggest challenge we were up against was time. We’ve always loved the idea of building out a full marketplace where people could buy their pieces, but we also knew that comes with a lot more development work. So instead of spreading ourselves too thin, we decided to focus on perfecting the core experience, the tool that lets you upload your avatar and design custom pieces. Because of that, what you saw in the demo was based on mock data, but it represents exactly how the final product will function once the marketplace and real data integration are complete.

Accomplishments that we're proud of

We’re really proud that this project brought together our childhood creativity and our adult skills; it truly makes our inner child happy. Building a tool where you can draw your ideas and watch AI bring them to life as real outfits is our best feature. We are extremely happy with how that looks. We’re also proud of the hard work and collaboration that went into making SketchFit possible.

What we learned

We learned that it’s important to be okay with pivoting directions, especially when working under time constraints. We initially wanted to create an algorithm that automatically generated outfit combinations from the items users designed, showing them as personalized suggestions. However, we had to make the tough decision to prioritize the most essential features first. This experience taught us that good project management isn’t just about what you build, it’s about knowing when to let go of ideas you love to deliver something complete and impactful.

What's next for SketchFit

Our immediate next step is to get our full database up and running so real users can start creating and saving their own galleries on the app. Once that foundation is stable, we plan to return to one of our original ideas, developing the algorithm that automatically generates outfit combinations and suggestions based on user designs. For now, our focus is on building a smooth, functional experience for our first users, then expanding SketchFit into the smart, creativity-driven fashion platform we envisioned.