Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to enhance the functionality of existing note-taking and book tracking applications like BookLens and Google Notebook. It aims to provide users with a clean, minimalist interface that allows for efficient note management, organization of book recommendations, and easy access to insights, all while prioritizing user experience and responsiveness.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system allowing users to create and manage their accounts.
2. **Note Management**: Users can create, edit, and delete notes with rich text formatting options, categorization, and tagging.
3. **Book Tracking**: A feature for users to input and track books they are reading or wish to read, including ratings and review options.
4. **Search and Filter**: Powerful search functionality to help users quickly find notes or books based on keywords, tags, or categories.
5. **Dashboard Overview**: A personal dashboard displaying statistics on reading progress, recent notes, and book recommendations based on user preferences.
6. **Collaboration Tools**: Options for users to share notes or book lists with friends or collaborators, fostering a community around reading and note-taking.

## 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 will include a top navigation bar, a side menu for quick access to features, a central content area for displaying notes and books, and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Authentication Module**: Implement user login, registration, and session management using Firebase or a similar service.
3. **Build the Note Management Feature**: Create components for adding, editing, viewing, and deleting notes.
4. **Implement the Book Tracking Functionality**: Design a component for users to add and manage their reading lists, including forms for inputting book details.
5. **Develop the Dashboard**: Create a dashboard layout that pulls data from user notes and book lists to display insights and statistics.
6. **Add Search and Filter Capabilities**: Implement search functionality that allows users to filter notes and books based on various criteria.
7. **Integrate Collaboration Tools**: Develop features to enable users to share their notes and book lists with others.
8. **Test the Application**: Ensure all features work seamlessly across devices and fix any bugs that arise.
9. **Deploy the Application**: Choose a hosting service (like Vercel or Netlify) to deploy the application for public use.

## USER EXPERIENCE
Users will be greeted with a welcoming onboarding screen post-authentication, guiding them through the features of the application. The dashboard will provide a snapshot of their reading progress and recent notes, with intuitive navigation to access various functionalities. Users can easily create and manage notes or books, leveraging the search feature to find specific entries. Collaboration tools will encourage user interaction and sharing, fostering a community of readers and note-takers. The overall experience will be designed to be straightforward and efficient, prioritizing user satisfaction.