Vinted Image Search Assistant

Test this app for free
340
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.

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
Enhance Your Projects with HTML, CSS, and JavaScript Templates Enhance Your Projects with HTML, CSS, and JavaScript Templates
AI for SQL AI for SQL

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
483