Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a school, providing a platform for users to discover books tailored to their preferences. Users can answer preselected questions or input their desired book criteria, resulting in a curated list of book recommendations complete with detailed information about each title.

## CORE FEATURES
1. **User Questionnaire**: A dynamic questionnaire that allows users to select their preferred book types, helping to generate personalized book recommendations.
2. **Book Listings**: A clean and organized display of books that match user criteria, including titles, authors, and cover images.
3. **Book Details**: A dedicated detail page for each book that provides summaries, themes, suitability recommendations, and user reviews.
4. **Review System**: An integrated review feature where users can leave feedback and ratings for books, enhancing community engagement.
5. **Search Functionality**: A search bar that enables users to quickly find specific books or authors within the recommendations.
6. **Admin Panel**: A simple interface for administrators to input questions, manage book entries, and oversee user reviews.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design focusing on clean lines and ample white space to create an uncluttered user experience.
- **Color Mode**: Light theme featuring a subtle color palette with dark text on light backgrounds to ensure readability and comfort.
- **Layout**: A single-column layout for book listings with a fixed navigation bar at the top. Each book entry will have a thumbnail image, title, and a brief description, with ample padding to enhance readability.
- **Typography**: Use of a sans-serif font like 'Roboto' or 'Open Sans' for body text to maintain clarity and legibility, with larger headers to establish a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations.
- **UI Components**: Utilize shadcn/ui for pre-built components that maintain consistency with the minimalist design.
- **State Management**: Use React's Context API or Redux for managing global state, particularly for user preferences and book data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Build Core Components**: Create reusable components for the questionnaire, book listings, and book details.
3. **Create Routing**: Set up React Router for navigation between the home page, book listing, and details pages.
4. **Implement State Management**: Set up Context API or Redux to manage user selections and book data across components.
5. **Design UI**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring responsiveness across devices.
6. **Integrate Review System**: Implement functionality for users to submit reviews and ratings, linking these to the respective books.
7. **Testing**: Conduct usability testing to ensure a smooth user experience and fix any issues that arise.

## USER EXPERIENCE
Users will begin by answering questions designed to identify their reading preferences. Based on their inputs, the app will present a curated list of book recommendations. Each book entry will allow users to click for more details, including a summary and user reviews. The interface will be clean and intuitive, with easy navigation and search functionality to enhance user engagement, ultimately fostering a love for reading within the school community.