Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application aims to serve as an interactive platform focused on practical applications in fish breeding and genetics. It is designed for users to engage with various tools and resources necessary for conducting experiments, analyzing genetic data, and managing breeding programs, all while keeping the interface intuitive and user-friendly.

## CORE FEATURES
1. **Breeding Program Management**: Users can create, manage, and track breeding programs, including pairing suggestions based on genetic traits.
2. **Genetic Analysis Tools**: Implement tools for users to input data and receive analysis on genetic variation and outcomes.
3. **Experiment Tracking**: Allow users to document and track their experiments with detailed notes and results.
4. **Resource Library**: A collection of articles, guides, and videos on fish breeding and genetics to support user learning and application.
5. **Data Visualization**: Graphical representations of breeding outcomes and genetic trends to help users visualize results clearly.
6. **User Profile Management**: Secure user authentication and profile management for personalized experiences.

## 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 layout will feature a sidebar for navigation, a main content area for tools and resources, and a footer for additional information and links.

## 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 necessary dependencies (React, Tailwind CSS, Redux).
2. **Design the Layout**: Create a responsive layout with a sidebar for navigation using Tailwind CSS. 
3. **Implement Core Features**: 
   - Develop the Breeding Program Management feature, allowing users to add and modify programs.
   - Create the Genetic Analysis Tools, ensuring they are user-friendly and provide clear outputs.
   - Build the Experiment Tracking interface for documenting experiments.
   - Assemble the Resource Library with categorized articles and guides.
   - Integrate Data Visualization tools to clearly display results.
   - Set up User Profile Management for secure logins and user-specific data.
4. **Style the Components**: Use Tailwind CSS to style all components according to the design specifications.
5. **Test the Application**: Conduct user testing to ensure all features function correctly and the UI is intuitive.
6. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will interact with the application through a clean and straightforward interface. Upon logging in, they will navigate through the sidebar to access different features such as breeding program management and genetic analysis tools. Each section will be designed to guide users effortlessly, with clear calls to action and helpful tips throughout their journey. The minimalist design ensures that users can focus on the application without distractions, enhancing their overall experience.