Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to streamline the process of uploading and managing fasta sequences in a user-friendly interface. It allows users to upload a large volume of fasta sequences efficiently, store them in a database bucket using SRA IDs, and correct any descriptions and headers in the admin panel for improved data management.

## CORE FEATURES
1. **Fasta Sequence Upload**: Users can upload up to 250,000 fasta sequences in a streamlined process that prioritizes speed and efficiency.
2. **Database Management**: Sequences are stored in a database bucket using SRA IDs instead of headers, ensuring better organization and retrieval.
3. **Admin Panel**: A dedicated admin panel to manage and correct descriptions and headers for the uploaded sequences.
4. **Performance Optimization**: Features implemented to enhance the uploading process, reducing time and improving the user experience.
5. **User Authentication**: Secure login functionality for users to access their data and manage sequences.
6. **Progress Monitoring**: Users can view the upload progress in real-time, ensuring transparency during the data handling process.

## 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 simple two-column layout for the admin panel, with the left side dedicated to navigation and the right side for content display, including forms for uploading sequences and tables for managing data.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Design the Layout**: Create a responsive two-column layout for the admin panel using Tailwind CSS.
3. **Develop the Upload Component**: Implement a component to handle fasta sequence uploads, including drag-and-drop functionality and progress indicators.
4. **Build the Admin Panel**: Create forms for correcting descriptions and headers, ensuring they connect to the backend for data retrieval.
5. **Implement Database Logic**: Set up API routes to handle file uploads and store sequences in the database using SRA IDs.
6. **Add User Authentication**: Integrate user authentication to secure access to the application and manage user sessions.
7. **Optimize Performance**: Implement performance enhancements for the uploading process by utilizing asynchronous file handling techniques.
8. **Testing and Debugging**: Conduct thorough testing to ensure all functionalities work as intended and optimize user experience.

## USER EXPERIENCE
Users will interact with a clean, minimal interface that allows for easy navigation through the admin panel. The upload process will be intuitive, with clear instructions and progress indicators. Users can efficiently manage their fasta sequences, correct any data issues, and quickly access the information they need, all while enjoying a responsive design that adapts to their devices.