Liburutegi Txokoa - Copy this React, Tailwind Component to your project
Create a modern and user friendly UI for a school library management application called Liburutegi Txokoa. The application’s purpose is to track books borrowed by children from different classes, managed by an administrator. Below are the UI requirements for each section: Login Screen: A simple form where the Admin can enter their username and password. A clear 'Login' button. The background should have soft colors related to a children's library theme (pastel colors, book icons). Admin Dashboard: A side menu containing the following sections: Classes: Displays all existing classes and allows adding new ones. Books: Shows a list of books, with options to add or edit book details. Loans: Shows currently borrowed books, including return date and the child’s number who borrowed the book. In the main screen, display quick statistics such as: Total available books. Number of books on loan. Registered classes. Class Management: An "Add Class" button that opens a modal form. Each class is displayed as a card with the class name. Clicking on a class expands to show a list of all children associated with their number. Option to add children to the class (numbers without names for data protection). Book Management: "Add Book" button opens a form with fields like: Book title. Author. Status (Available/Loaned). Each book is displayed as a card or in a table row. If the book is loaned out, show a red icon or label with the return date. Option to edit book details or mark as "Returned." Loan Management: A screen showing a table of currently loaned books, displaying: Book title. Number of the child who has it. Loan date and return date. Option to mark a book as returned. Overall Design: Clean and minimalist design with a readable font. Use soft and child friendly colors, such as pastel tones. Icons related to books, classes, and children for intuitive navigation. The design should be responsive and work well on mobile devices, tablets, and desktops. The application should convey a warm and accessible feel, suitable for an educational environment for children. The design should prioritize ease of use for the administrator.
