Vinted Image Search Assistant

Test this app for free
593
import logging
import os
import requests
from gunicorn.app.base import BaseApplication
from app_init import create_initialized_flask_app
from abilities import upload_file_to_storage, url_for_uploaded_file, llm
from flask import render_template, request, redirect, url_for, flash, jsonify
from werkzeug.utils import secure_filename

# Flask app creation should be done by create_initialized_flask_app to avoid circular dependency problems.
app = create_initialized_flask_app()

# Setup logging
logging.basicConfig(level=logging.INFO)
logger = logging.getLogger(__name__)

ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'}

def allowed_file(filename):
    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS

@app.route("/")
def home():
    return render_template("home.html")
Get full code

Created: | Last Updated:

Web application for uploading images, analyzing them with AI, and searching for similar items on Vinted using API.

Here's a step-by-step guide for using the Vinted Image Search Assistant template:

Introduction

The Vinted Image Search Assistant is a web application that allows users to upload images, analyze them using AI, and search for similar items on Vinted using an API. This template provides a user-friendly interface for image upload and displays search results from Vinted.

Getting Started

  1. Click "Start with this Template" to begin using the Vinted Image Search Assistant template in the Lazy Builder interface.

Initial Setup

Before running the application, you need to set up an environment secret:

  1. Go to the Environment Secrets tab in the Lazy Builder.
  2. Add a new secret with the key RAPIDAPI_API_KEY.
  3. To get the value for this key:
  4. Visit RapidAPI
  5. Sign up or log in to your account
  6. Subscribe to the Vinted3 API
  7. Copy your API key from the RapidAPI dashboard

Test the Application

  1. Click the "Test" button in the Lazy Builder interface to deploy and run the application.
  2. Wait for the deployment process to complete.
  3. Once deployed, you'll receive a server link to access the web application.

Using the App

  1. Open the provided server link in your web browser.
  2. You'll see the home page with options to upload an image or take a photo.
  3. Choose an image file or use your device's camera to capture a photo.
  4. Click the "Find Similar Items" button to analyze the image and search for similar items on Vinted.
  5. The results page will display:
  6. Image analysis results (colors, category, and keywords)
  7. Similar items found on Vinted, including images, titles, prices, and links to view the items on Vinted

Integrating the App

This web application is standalone and doesn't require additional integration steps. Users can access and use it directly through the provided server link.

By following these steps, you'll have a fully functional Vinted Image Search Assistant that allows users to find similar items on Vinted based on uploaded images.



Here are 5 key business benefits for this Vinted Image Search Assistant template:

Template Benefits

  1. Enhanced User Experience: Provides an intuitive interface for users to easily upload images or take photos, analyze them, and find similar items on Vinted, improving engagement and satisfaction.

  2. Increased Sales Conversion: By connecting users directly to similar items on Vinted, it streamlines the path to purchase, potentially increasing sales conversions for the platform.

  3. AI-Powered Image Analysis: Leverages advanced AI capabilities to analyze uploaded images, extracting key details like colors, categories, and keywords, enabling more accurate and relevant search results.

  4. Mobile-Friendly Design: Responsive design with options for both file upload and camera capture caters to mobile users, expanding the potential user base and use cases.

  5. Scalable Architecture: Built with Flask and Gunicorn, the application is designed for scalability, allowing it to handle increasing user loads as the service grows in popularity.

Technologies

Streamline CSS Development with Lazy AI: Automate Styling, Optimize Workflows and More Streamline CSS Development with Lazy AI: Automate Styling, Optimize Workflows and More
Enhance HTML Development with Lazy AI: Automate Templates, Optimize Workflows and More Enhance HTML Development with Lazy AI: Automate Templates, Optimize Workflows and More
Streamline JavaScript Workflows with Lazy AI: Automate Development, Debugging, API Integration and More  Streamline JavaScript Workflows with Lazy AI: Automate Development, Debugging, API Integration and More

Similar templates

Open Source LLM based Web Chat Interface

This app will be a web interface that allows the user to send prompts to open source LLMs. It requires to enter the openrouter API key for it to work. This api key is free to get on openrouter.ai and there are a bunch of free opensource models on openrouter.ai so you can make a free chatbot. The user will be able to choose from a list of models and have a conversation with the chosen model. The conversation history will be displayed in chronological order, with the oldest message on top and the newest message below. The app will indicate who said each message in the conversation. The app will show a loader and block the send button while waiting for the model's response. The chat bar will be displayed as a sticky bar at the bottom of the page, with 10 pixels of padding below it. The input field will be 3 times wider than the default size, but it will not exceed the width of the page. The send button will be on the right side of the input field and will always fit on the page. The user will be able to press enter to send the message in addition to pressing the send button. The send button will have padding on the right side to match the left side. The message will be cleared from the input bar after pressing send. The last message will now be displayed above the sticky input block, and the conversation div will have a height of 80% to leave space for the model selection and input fields. There will be some space between the messages, and the user messages will be colored in green while the model messages will be colored in grey. The input will be blocked when waiting for the model's response, and a spinner will be displayed on the send button during this time.

Icon 1 Icon 1
428