Easy Rental - Copy this React, Tailwind Component to your project
Design-the-web-application-using-react-with-an-reference-of-above-image-App-name:-Easy-Rental-Purpose:-Car/bike-Rental-management-app-for-owners-Options-we-provide:-rental-car-status,-schedule-calendar,-income-from-rental,-customers-details-storing,-car/bike-maintenance-tracking.-Flow:-Every-page-must-have-search-options-to-search-any-data,-logo-on-top-nav-and-Home,income,customer,car-Maintenace-options-with-their-subject-logo-on-bottom-nav-Home-Page:-Top-navbar-with-logo-and-two-option-called-"Add-Rental","Add-Car"-and-status-of-the-rental-car-whether-its-booked/pre-reservered/returned/Not-yet-booked.-if-user-clicked-the-car/bike-in-status-table,-it-should-take-user-to-the-page-where-it-contains-respective-car-details.-Car-details:-car-details-page-must-likely-table-structure-which-contains-car-name,-booked-date,-return-date,-Mobile-number-of-the-person-who-took-the-car-for-rent,-photo-of-person-took-the-car-for-the-rent,-Govt-proof-of-the-rent-person,-what-property-he-given-against-the-car-rent-(if-its-bike-then-provide-the-name-and-bike-registration-number).-Provide-the-check-box-to-ask-the-return-status-("Return").-if-return-is-checked-then-ask-the-user-for-rent-kilometer-compare-with-"r-kilometer"using-this-information-provide-the-total-rental-cost,-extra-kilometers-driven-with-the-help-of-logic.-logic:-for-rental-cost-{per-day-(24-hours)-the-rental-cost-is-2000rupees-compare-with-return-date-and-provide-the-rental-cost},-for-extra-kilometers-{compare-the-kilometers-driven-with-r-kilometer-value,-per-day(24hours)-300kilometer-are-free-and-6rupees-for-every-extra-kilometer,if-any-extra-kilometer-found-then-calculate-the-cost-and-provide}-Add-Rental:-This-page-is-like-a-form-to-fill-the-details.-(1)-Select-which-to-be-rented-using-the-dropdown.-(2)-input-field-for-kilometers-("r-kilometer")-driven-of-the-car.-(3)-photo-field-to-capture-the-rent-person-photo.-this-field-should-be-able-to-capture-the-photo-using-mobile's-camera-or-upload-from-the-file-manager-of-the-mobile.-(4)-This-field-also-uses-the-camera-and-file-manager-where-this-field-used-to-provide-the-rent-person's-govt-ID-proof.-(5)-input-field-for-name,-mobile-number,-Govt-ID-proof-number.-(6)-input-field-to-fill-security-property-against-the-car.-confirm-the-user-with-dropdown-option-(Bike,-Car,-Others).-if-the-bike-selected-then-ask-them-to-fill-the-input-filed-like-bike-name,-bike-registration-number.-Add-Car:-This-page-is-used-to-add-their-car-to-the-app.-(1)-input-field-for-car-name,-car-registration-number,-car-type,-fuel-type,-Kilometers-travelled,-last-car-serviced-date,-service-partner.-(2)-this-field-used-to-get-the-car'-photo-using-camera-of-a-mobile-or-upload-using-file-manager.-income-page:-This-page-contains-the-total-income-in-week,-month,-year-of-every-individual-car-and-total-customer-rented-the-car-in-week,-month,-year-of-every-individual-car.-also-provide-overall-graphical-representation.-customer:-This-page-contains-the-details-about-the-previous-customer.-provide-search-option-to-search-customer-by-name,-mobile-number.-Car-Maintenance-tracking:-This-page-must-have-the-all-car-maintenance-details
