PriyaGhosal / BuddyTrail

This repository is officially part of GirlScript Summer of Code 2024 Extended Edition & Hacktoberfest !!
https://buddytrail.netlify.app/
MIT License
105 stars 272 forks source link

BUG: UI Issues in Cab or Auto Booking Form #359

Open Karnmayank07 opened 1 week ago

Karnmayank07 commented 1 week ago

Is there an existing issue for this?

What happened?

There are several issues with the current UI design of the "Book a Cab or Auto" form:

  1. Repetitive Fields: The form has repetitive input fields for "Pickup Location," "Drop Location," and "Vehicle Type." These fields are duplicated unnecessarily, which creates confusion for users.

  2. Misalignment: The form's alignment is not consistent. Some fields appear to be misaligned or spaced irregularly, which negatively affects the overall visual appeal and usability.

  3. Improper Button Placement: The "Book Now" button appears twice, which is redundant. Additionally, its placement doesn't follow a logical flow for form submission. This can cause user frustration and confusion when submitting the form.

  4. Inconsistent Date and Time Fields: The "Travel Date" and "Travel Time" fields are also repeated, adding to the redundancy. Moreover, these fields are not aligned properly, affecting the form's consistency.

  5. Font and Design Issues: The fonts and design elements, such as the size of the input fields and the buttons, lack cohesion. The button size and text do not match the overall form style, leading to a lack of uniformity.

  6. Padding and Spacing Issues: There is inadequate or uneven padding between form elements, making the form look cluttered and hard to navigate.

image

Record

github-actions[bot] commented 1 week ago

Thanks for creating the issue in BuddyTrail! Before you start working on your PR, please make sure to:

github-actions[bot] commented 1 week ago

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by either the PA or a mentor. Please note that Level 1 is temporary and can be changed during the review. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.