Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application focusing on the review of a related study (RRS) about the development of a biopolymeric-based microparticle oral vaccine delivery system from crab shell waste against Aeromonas hydrophila. The application will provide a clean and minimalist interface for presenting research findings, encapsulation efficiency, stability assessments, and release kinetics evaluations related to the vaccine development process.

## CORE FEATURES
1. **Research Overview Section**: A concise summary of the study's objectives, including encapsulation efficiency, stability under gastrointestinal conditions, and release kinetics.
2. **Data Visualization**: Interactive charts and graphs to represent encapsulation efficiency and stability data, allowing users to explore the results visually.
3. **Discussion Forum**: A section for users to discuss findings, ask questions, and share insights related to the study.
4. **Downloadable Resources**: Provide downloadable PDFs or documents containing detailed reports and methodologies used in the research.
5. **Contact Form**: A simple form for inquiries or collaboration opportunities, allowing users to connect with the researchers.

## 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 single-page layout with a hero section at the top followed by research overview, data visualization, discussion forum, downloadable resources, and a contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or any preferred state management library)

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App or Vite with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other required libraries.
3. **Create Component Structure**: Develop components for the hero section, research overview, data visualization (using libraries like Chart.js or Recharts), discussion forum, downloadable resources, and contact form.
4. **Implement Routing**: If necessary, set up routing for different sections or pages using React Router.
5. **Style Components**: Use Tailwind CSS to apply the specified design specifications, ensuring responsiveness and a minimalist look.
6. **Integrate Data Visualization**: Fetch or simulate data for encapsulation efficiency and stability assessments, then integrate it into the data visualization components.
7. **Set Up Backend (if needed)**: If user-generated content is allowed in the discussion forum, set up a simple backend using Node.js or a serverless function for handling form submissions and discussions.
8. **Testing**: Conduct user testing to ensure smooth functionality and fix any bugs encountered.

## USER EXPERIENCE
Users will be welcomed with a clear hero section that succinctly introduces the study. They can navigate seamlessly through the research overview, explore visual data representations, participate in discussions, download relevant documents, and reach out through the contact form. The minimalist design will enhance readability and focus on the content, ensuring an engaging user experience.