Swatch

Inspiration

After speaking to various interior designers we discovered two problems: first, a lot of designers were spending a significant portion of their time inputting information such as finish, material, color, pricing, dimensions, delivery time, and more, on potential items for clients into their databases. Second, they also had to spend even more time formatting each item’s information into a slide deck to present each item to their clients. These presentations are long, often getting up to 100 slides, and require hours of manual work. Interior designers are often tasked with building multiple of these slide decks within a short time period.

What it does

Swatch is a platform which extracts and inputs product information from websites, stores it in intuitive databases, and builds client-ready slides within seconds, all within one platform. Designers can organize their saved items by project and import items from websites, links, or manual entry. Swatch automatically extracts and stores key product details, making it easier for designers to focus on what they're passionate about: design.

How we built it

We built Swatch as a full-stack web application, using Next.js for the frontend and backend, along with Prisma and Supabase for the backend. We spent a significant amount of time discussing how interior designers would use the website for their work before implementing anything, then split everything into smaller tasks that each teammate could complete individually.

Challenges we ran into

As a team, we have relatively limited experience with fullstack software development, so we had to learn on the go. We spent a lot of time in particular figuring out how we wanted to go about implementing the slide generation feature, as we did not have access to example slides until about 8 hours into the hackathon, so we had to focus on time management and build out other features until we got access to the slides.

Accomplishments that we're proud of

We're really proud of the web scraping and slide generation features we developed, as we spent a lot of time trying to get them to work. Along with this, it was our first time building a web app from start to finish, so we're really proud we got something together within 24 hours!

What we learned

We learned a lot both in software development and also how we work as a time. Going into the hackathon, we didn't realize how important planning out how we would work as a team was until we were already a few hours in. We learned a lot about each other's working styles and have come out of the hackathon as a much stronger team.

What's next for Swatch

We're hoping to have some interested customers onboarded and using it within the next few days. Along with this, we're planning to reach out to new customers to get feedback and generate more interest.

Built With

• anthropicsdk
• css
• lucide
• nextjs
• pptxgenjs
• prisma
• radix
• react
• supabase
• typescript