Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to improve the user experience of browsing books in a library and search functionality. The application aims to create a comfortable, e-commerce-like interface for users, making it easy to find and view books without overwhelming clutter.

## CORE FEATURES
1. **Book Listing**: A streamlined display of available books with essential information like title, author, and cover image, optimized for easy scanning.
2. **Search Functionality**: An intuitive search bar that allows users to quickly find books by title, author, or genre, complete with filters for enhanced results.
3. **Responsive Design**: The layout adjusts seamlessly across devices, ensuring a consistent and user-friendly experience on both desktop and mobile.
4. **Book Details Page**: A dedicated page for each book that provides detailed information, including summaries, reviews, and availability.
5. **User Accounts**: Optional user authentication for saving favorite books and managing personal reading lists.
6. **Feedback System**: A simple way for users to submit reviews and ratings for books, fostering community engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A grid layout for book listings, with a clear hierarchy that highlights book covers and essential details. The search bar should be prominently placed at the top, followed by the grid of books.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context or Redux (if needed for user accounts and reviews)

## IMPLEMENTATION STEPS
1. **Setup Project Environment**:
   - Initialize a new React project with TypeScript.
   - Install necessary dependencies: Tailwind CSS and shadcn/ui for UI components.
  
2. **Create Layout Components**:
   - Build the main layout including a header with the search bar and a grid component for book listings.
  
3. **Develop Core Features**:
   - Implement the book listing functionality using mock data initially.
   - Set up the search functionality with input handling and filtering logic.
   - Create the book details page with routing to display individual book information.

4. **Integrate User Accounts**:
   - Set up authentication using a simple provider or service.
   - Allow users to save favorite books and manage their reading lists.

5. **Implement Feedback System**:
   - Create forms for users to submit reviews and ratings for books.
   - Store and display these reviews on the book details page.

6. **Refine and Test**:
   - Ensure responsiveness across devices.
   - Test all features for usability and bugs.

## USER EXPERIENCE
Users will land on a clean and intuitive homepage featuring a search bar prominently at the top. They can easily browse through a grid of book listings, each card displaying a book cover, title, and author. Clicking on a book will take them to a detailed page with more information and options to leave reviews. The application is designed to be user-friendly, with a focus on minimal distractions, ensuring users can find and enjoy their books without hassle.