A
Anonymous

Travel Request App - Copy this React, Tailwind Component to your project

Create a series of UI designs for a travel request application. The designs should include the following screens: Travel Request Form: A form with input fields for: User ID Origin address Destination address A button labeled "Estimate Travel Cost" to submit the form. Travel Options: Display a static map showing the estimated route with points A (origin) and B (destination) marked. A list of driver options, each with the following details: Name Description Vehicle information Rating Estimated trip cost Each driver card should include a "Choose" button to confirm the trip. After confirming, redirect the user to the travel history screen. Travel History: A filter section with: An input field for User ID A dropdown to select a driver or view all drivers A button labeled "Apply Filter." A list showing past trips with the following details for each trip: Date and time of the trip Driver's name Origin address Destination address Distance Duration Cost Ensure the designs are clean, user friendly, and visually intuitive for easy navigation."

Prompt
Component Preview

About

TravelRequestApp - A travel request UI with forms for user ID, addresses, driver options, and trip history. Built with React and Tailwin. Start coding now!

Share

Last updated 1 month ago