Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
BookLens is a web application designed to be a comprehensive AI reading companion that integrates various AI APIs for managing and analyzing books, documents, and videos. It aims to provide users with seamless access to advanced features for deep insights, knowledge generation, and an interactive learning experience, all while ensuring an intuitive and engaging user interface.

## CORE FEATURES
1. **Multi-Source Integration**: Users can upload and interact with various content formats, including books, videos, PDFs, and documents, using multiple AI models for tailored responses.
2. **Interactive Dashboard**: A user-friendly dashboard that displays real-time results from AI queries, including citations and summaries, enhancing the reading and learning experience.
3. **Content Generation Tools**: One-click capabilities for generating summaries, flashcards, quizzes, and mind maps based on uploaded content, streamlining study and analysis.
4. **Advanced Chat Interface**: A chat feature that allows users to ask questions about the content and receive informed responses with inline citations, enhancing trust and reliability.
5. **Knowledge Management**: Tools for creating knowledge graphs, timelines, and interactive learning paths, facilitating deeper understanding and organization of information.
6. **API Integration Management**: Secure storage and validation of API keys, enabling users to connect with various AI services seamlessly.

## 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**: The main layout should include a top navigation bar, a central dashboard area for API interactions, and a sidebar for quick access to settings and user profile options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up the React Application**: Use Create React App with TypeScript template to initialize the project.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and state management libraries like Redux.
3. **Create Folder Structure**: Organize components, pages, and services for better maintainability.
4. **Implement User Authentication**: Create login and registration functionalities to manage user accounts securely.
5. **Develop the Interactive Dashboard**: Build the main dashboard layout, integrating API input forms and displaying results dynamically.
6. **Add Multi-Source Integration Logic**: Ensure the application can handle API requests and responses securely, allowing for document uploads and processing.
7. **Design UI Components**: Utilize Tailwind CSS for styling, ensuring the design adheres to the specified design specifications.
8. **Testing**: Conduct thorough testing for functionality, usability, and responsiveness across devices.
9. **Deployment**: Once tested, deploy the application to a cloud service for public access.

## USER EXPERIENCE
Users will begin by registering or logging into the application. Upon successful login, they will encounter a clean and intuitive dashboard where they can upload various content types. Users can easily perform queries and view results immediately, with the design allowing straightforward navigation through different sections, making the experience smooth and engaging. The minimalist design enhances focus and usability, ensuring users can fully engage with the content and features provided by BookLens.