A
Anonymous

App - Copy this React, Tailwind Component to your project

###-Sketch-1-1.-**Login-Page:**---The-title-"Damaged-Vehicle-Check"-at-the-top.---Login-fields:---Username-field.---Password-field.---Buttons:---"Login"-button.---"Sign-Up"-button-for-new-users.---"Sign-In-via-Google"-option.-2.-**Main-Form-Page:**---Section-to-upload-a-photo-of-the-damaged-vehicle.---A-text-field-labeled-"Description"-to-provide-details-about-the-damage.---Two-buttons-at-the-bottom:---"Send"-to-submit-the-form.---"Cancel"-to-clear-the-form-or-exit.-----###-Sketch-2-1.-**Upload-Image-Page:**---Similar-to-the-form-page-from-Sketch-1:---"Upload-Image"-field-for-uploading-a-photo.---"Description"-text-area.---"Send"-and-"Cancel"-buttons.-2.-**Navigation-Menu:**---A-hamburger-menu-(three-lines-icon).---Menu-options:---"Strings"-or-system-settings.---"My-Submissions"-for-viewing-submitted-requests.---"Rejected-List"-for-rejected-submissions.---"Approved-List"-for-accepted-requests.-3.-**Submission-History-Page:**---A-table-with-rows-showing:---Request-numbers.---Dates-of-submissions.---Status-(e.g.,-pending,-approved,-rejected).-----###-Features-You-Need-to-Develop-1.-**Login-System:**---User-authentication-with-login,-sign-up,-and-Google-login-integration.-2.-**Form-Submission:**---File-upload-for-vehicle-photos.---Text-input-for-descriptions.---Validation-for-mandatory-fields.-3.-**Navigation-Menu:**---Responsive-menu-for-accessing-different-sections-of-the-website.-4.-**Dashboard/Table-View:**---Table-for-submission-history-with-status-and-timestamps.---Sortable-and-filterable-table-options.

Prompt
Component Preview

About

App - A user-friendly login page with fields for username and password, image upload, description text area, and a responsive navigat. Copy component code!

Share

Last updated 1 month ago