GB
Gustavo Bueno

Used Car Listing - Copy this React, Tailwind Component to your project

Projeto de UI para Site de Vendas de Automóveis Usados Objetivo: Desenvolver uma interface de usuário intuitiva e visualmente atraente para um site de vendas de automóveis usados. Funcionalidades Principais: Filtros de Pesquisa: Quilometragem: Permitir que o usuário filtre os veículos por faixa de quilometragem (ex.: 0 50.000 km, 50.000 100.000 km, etc.). Preço: Fornecer um filtro de faixa de preço para selecionar o valor desejado (ex.: R$ 20.000 R$ 50.000). Ano de Fabricação: Possibilitar a escolha de veículos com base no ano de fabricação. Localidade: Incluir um filtro para selecionar a localidade ou região onde o veículo está disponível. Lista de Automóveis: Mostrar os veículos em formato de grade ou lista, cada um com uma imagem clara e representativa. Incluir detalhes básicos como marca, modelo, ano, preço e quilometragem diretamente visíveis. Cada item da lista deve possuir um botão que, ao ser clicado, redireciona o usuário para o site onde o veículo está sendo vendido. Botão de Opinião do Mecânico: Em cada listagem de veículo, deve haver um botão "Opinião do Mecânico". Ao clicar neste botão, deve abrir um pop up ou redirecionar para uma página onde será exibida uma avaliação ou opinião profissional sobre as condições do veículo. Design Considerations: A interface deve ser responsiva e funcionar bem em dispositivos móveis e desktops. Usabilidade e clareza devem ser priorizadas para facilitar a navegação dos usuários.

Prompt
Component Preview

About

UsedCarListing - Filter cars by mileage, price, year, and location. View details like brand and model. Built with React and Tailwind. Download instantly!

Share

Last updated 1 month ago