Fashion Finder

Fashion Finder is a web application built with Next.js that helps users find similar fashion items based on an uploaded image.

It allows users to upload images, which are stored in Cloudflare R2. It detects objects within the uploaded images using the Dupe API, crops these objects, and uploads the cropped images back to Cloudflare R2. Using SerpAPI, it performs visual searches to find similar fashion items based on both the original full image and the cropped images. The results are then returned as a list of products associated with each detected object.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Environment Variables

Create a .env file in the root directory and add the following environment variables:

# Cloudflare R2 Configuration
CLOUDFLARE_ACCOUNT_ID=your_account_id
CLOUDFLARE_ACCESS_KEY_ID=your_access_key_id
CLOUDFLARE_SECRET_ACCESS_KEY=your_secret_access_key
CLOUDFLARE_BUCKET_NAME=your_bucket_name
CLOUDFLARE_PUBLIC_URL=your_public_url

# SerpAPI Configuration
SERPAPI_KEY=your_serpapi_key

# Base URL
NEXT_PUBLIC_BASE_URL=http://localhost:3000

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Contributing

Contributions are welcome! Please create a pull request or open an issue for any improvements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Happy Coding! 🚀

mrmps / duper