Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application aimed at enhancing the performance and user experience of the existing website, focused on improving the database loading speed and search functionality. The application aims to provide users with a seamless experience while searching the growing database of records, ensuring that users are informed of the search process and progress.

## CORE FEATURES
1. **Enhanced Search Functionality**: Implement a responsive search feature that shows a loading indicator (hourglass) while searching, replacing error messages with a message that emphasizes the growing database.
   
2. **Progress Tracking**: Display accurate progress metrics on the homepage, reflecting the number of scanned pages and extracted records with updates in real-time.

3. **User Dashboard**: Create a dashboard accessible only to logged-in users, showcasing their points, missions, and access levels based on their contributions and corrections to the database.

4. **Co-creation Section**: Modify the descriptions for user ranks and rewards to reflect accurate access to records based on user contributions.

5. **Mission and Badges System**: Implement a points system for completing tasks and add badges to the permissions matrix to encourage user engagement.

6. **Performance Improvements**: Suggest and implement optimizations for faster data retrieval and loading times.

## 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 feature a top navigation bar, a hero section for search, a progress bar section, and separate sections for user dashboard, mission tracking, and co-creation information.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Use Create React App with TypeScript template.
2. **Install necessary dependencies**: Install Tailwind CSS, shadcn/ui, and any state management libraries.
3. **Create the main layout**: Develop the header, footer, and main content areas using Tailwind CSS for styling.
4. **Implement search functionality**: Create a search component that interacts with the database and displays loading indicators.
5. **Design the progress tracking feature**: Add components to display scanned pages and extracted records with real-time updates.
6. **Build the user dashboard**: Ensure that only logged-in users can access their dashboards and view points, missions, and ranks.
7. **Create the co-creation section**: Update descriptions and implement the points and badge system.
8. **Optimize performance**: Analyze the application for performance bottlenecks and implement necessary optimizations.

## USER EXPERIENCE
Users will experience a streamlined interface that allows for quick and efficient searching of records. The loading indicator will keep them informed during searches, and the progress tracking will encourage daily visits. Logged-in users can easily navigate their dashboards to view their contributions and track their points and rewards, fostering a sense of community and participation in the project.