Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This mobile app is a web-based platform designed for users to share their reading experiences with friends. Each user can add a list of books they have read, rate them based on various criteria, and contribute to a dynamic ranking system. Users can also review books added by others, fostering a community of book enthusiasts.

## CORE FEATURES
1. **User Profiles**: Each user can create a profile to manage their book lists and ratings, making personalization easy and engaging.
2. **Book Listings**: Users can add books they've read, including details such as title, author, genre and a brief description.
3. **Rating System**: Each book can be rated on multiple criteria (e.g., story, writing style, characters), allowing for comprehensive evaluations.
4. **Ranking and Sorting**: Users can view books ranked according to ratings and filter them by categories (e.g., genre, author).
5. **Comments and Reviews**: Users can leave comments on books added by others, encouraging discussions and recommendations.
6. **Social Sharing**: Users can share their book lists and ratings with friends, enhancing community engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design focuses on clean lines and ample white space, allowing content to breathe and maintaining user focus on typography.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure maximum readability and comfort.
- **Layout**: A simple grid layout for book listings with a sidebar for user navigation and filters. A header for navigation and a footer for additional links.
- **Typography**: Use a clean sans-serif font (e.g., Inter or Helvetica) for body text, with larger sizes for headings to establish a clear hierarchy. Emphasize important information using bold text and ample spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and maintainable code.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for a consistent and customizable component library.
- **State Management**: Implement Zustand or React Context for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create User Authentication**: Implement user registration and login functionalities using a service like Firebase or Auth0.
3. **Develop Core Features**:
   - Build the user profile component, allowing users to manage their book lists.
   - Create the book listing component, enabling users to add books with details and ratings.
   - Implement the rating system, allowing multiple criteria for evaluations.
4. **Implement Ranking System**: Develop functionality to calculate rankings based on user ratings and create filtering options for categories.
5. **Add Comments and Reviews**: Allow users to comment on books and display these comments alongside the book details.
6. **Create Responsive Design**: Ensure the application is mobile-friendly and maintains usability across different devices using Tailwind's responsive utilities.
7. **Testing and Feedback**: Conduct user testing to gather feedback and iterate on the design and functionality based on user input.

## USER EXPERIENCE
Users will experience a seamless interaction flow, starting with a simple sign-up or login process. They can then navigate to their profile to add books and ratings easily. The minimalist layout will allow users to focus on reading and sharing without distractions. The ranking and filtering features will empower users to discover new books quickly, while the comments section will encourage community engagement and lively discussions about various reads. The application will prioritize responsiveness, ensuring a smooth experience across all screen sizes.