School Uniform Store - Copy this Html, Tailwind Component to your project

Here's a comprehensive prompt for generating a full stack school uniform website: --- "Create a fully functional full stack website for a school uniform store. The website should use HTML, CSS, and JavaScript for the frontend, MongoDB for the backend, and have a separate admin panel. Key requirements include: 1. **Homepage**: Showcase the school's uniforms with a modern, easy-to-navigate design, including images, descriptions, and prices of each item. 2. **User Authentication**: Provide a secure login and registration system for users to create accounts and sign in to manage their orders. Include password encryption and session management. 3. **Product Catalog**: Allow users to browse and view available uniform items, with options to filter by category (e.g., tops, bottoms, accessories) and size. 4. **Shopping Cart**: Enable users to add items to a shopping cart, select sizes, and update quantities. Display a cart summary with item count, total price, and checkout button. 5. **Order Functionality**: Support order placement, where users can proceed to a checkout page, enter their details, and confirm purchases. Save order information (e.g., item details, total cost, user data) to the MongoDB database. 6. **Admin Panel**: Design a separate interface for administrators to manage product inventory, add or update products (e.g., name, price, stock), and track orders. Include order statuses and a feature for searching and viewing order history by user. 7. **Database Structure**: Create collections in MongoDB to store user profiles, product data, and order details. Implement relationships where necessary to associate users with their orders. Ensure the website has a responsive design for usability on both desktop and mobile devices. Apply good security practices, including validation for forms, protection against SQL injection, and user data encryption."