Comprehensive CRUD Dashboard for Web Applications
"Generate-a-comprehensive,-user-friendly-CRUD-(Create,-Read,-Update,-Delete)-interface-for-a-web-application.-The-page-should-be-visually-appealing-and-intuitive,-designed-for-managing-records-and-user-information-efficiently.-The-system-should-include-the-following-components:-1.-**Main-Dashboard**:---A-central-table-displaying-all-the-records.-Each-row-should-represent-an-item-with-columns-for-key-details-such-as-'ID',-'Name',-'Description',-'Date-Created',-and-'Status'.---Include-pagination-controls-for-navigating-through-a-large-number-of-records.---Add-a-search-bar-at-the-top-for-filtering-records-quickly-by-name-or-other-relevant-fields.---Each-record-should-have-action-buttons-for-'Edit',-'View',-and-'Delete',-with-icons-to-make-the-interface-more-intuitive.-2.-**Action-Buttons**:---A-'Add-New-Record'-button-at-the-top-or-in-a-prominent-location-that-opens-a-modal-or-a-dedicated-form-page-for-inputting-new-data.---'Edit'-and-'Delete'-buttons-for-each-row,-allowing-easy-updates-or-removal-of-records.---Ensure-confirmation-modals-appear-before-executing-'Delete'-actions-to-prevent-accidental-data-loss.-3.-**User-Management-Section**:---A-'User-Management'-tab-where-administrators-can-view,-add,-edit,-or-delete-user-accounts.---Include-fields-like-'Username',-'Email',-'Role',-and-'Date-Created'.---An-'Add-New-User'-button-should-open-a-form-for-registering-a-new-user-with-fields-like-'Username',-'Email',-'Password',-and-'Role'.-4.-**Authentication**:---A-simple-'Login'-page-for-users-to-authenticate.-The-form-should-have-fields-for-'Email'-and-'Password'.---Include-a-'Remember-Me'-checkbox-and-a-'Forgot-Password'-link.---Upon-successful-login,-redirect-users-to-the-main-CRUD-dashboard.-5.-**Design-Considerations**:---Use-a-clean,-modern-UI-with-responsive-design-elements-for-mobile-and-desktop-compatibility.---Utilize-color-coded-labels-or-icons-to-differentiate-between-record-statuses-(e.g.,-active,-pending,-completed).---Provide-clear-error-messages-and-form-validation-to-improve-user-experience.-The-output-should-include-a-detailed-HTML-structure,-CSS-styles,-and-any-necessary-JavaScript-or-backend-code-snippets-required-to-make-the-interface-fully-functional."
