Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to help users create pizza recipes by calculating ingredient quantities based on hydration levels, the number of pizzas, and the type of preferment (such as poolish or biga). The app will streamline the pizza-making process, making it accessible and easy to use for both amateur and professional pizza chefs.

## CORE FEATURES
1. **Ingredient Calculator**: Users can input hydration levels, desired pizza quantity, and choose the type of preferment to receive precise ingredient measurements.
2. **Recipe Storage**: Users can save and retrieve their favorite recipes for quick access.
3. **Hydration Adjustment**: A feature that allows users to adjust hydration levels and see real-time changes in ingredient quantities.
4. **Type of Preferment Selection**: Users can select between various preferment types (poolish, biga, etc.), with explanations of each type's effects on the dough.
5. **Sharing Options**: Users can share their recipes via social media or direct links.
6. **Helpful Tips and Techniques**: A section providing users with insights and tips on making the perfect pizza dough.

## 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 consist of a top navigation bar, a large hero section with the ingredient calculator, followed by sections for saved recipes, hydration adjustments, and tips. The footer will contain social media links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing global state, if necessary)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop the main layout structure including navigation, hero, content sections, and footer.
3. **Build Ingredient Calculator**: Implement the ingredient calculator feature with input fields for hydration, number of pizzas, and preferment selection.
4. **Implement Recipe Storage**: Use local storage or a back-end service to allow users to save and retrieve recipes.
5. **Develop Hydration Adjustment Functionality**: Create a dynamic adjustment feature that updates ingredient quantities based on user input for hydration.
6. **Enhance User Interface**: Style components using Tailwind CSS to align with the minimalist design specifications.
7. **Testing and Optimization**: Conduct thorough testing for usability and responsiveness across devices.

## USER EXPERIENCE
Users will begin their journey on the landing page, greeted by a clear and inviting hero section that features the ingredient calculator prominently. After inputting their desired parameters, they will immediately see the calculated ingredient quantities. Users can save their favorite recipes for future use, adjust hydration levels dynamically, and explore tips to enhance their pizza-making skills, all while enjoying a seamless and intuitive interface that emphasizes ease of use and clarity.