Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Develop a modern, user-friendly web application designed for managing and developing a small business focused on barrel beer. This application serves as a streamlined admin panel/dashboard for a single operator, emphasizing practicality and clarity over complexity.

## CORE FEATURES
1. **Business Overview Dashboard**: A central hub displaying key business metrics such as costs, prices, margins, and profits, allowing users to track performance at a glance.
2. **Questions and Checklists Section**: An interactive area for users to address essential tasks, improvements, and monitoring activities, facilitating proactive management.
3. **Note Taking and Responses**: Functionality for users to jot down notes and answers directly within the app, ensuring all vital information is captured in one place.
4. **Simplified Forms**: Intuitive forms designed to replace complex tables, making data entry quick and efficient for the user.
5. **User-Centric Practicality**: Focus on essential features that assist real operational needs rather than theoretical accounting solutions, ensuring the app serves as a practical tool.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean, simple aesthetic that incorporates ample white space, a limited color palette, and a strong emphasis on typography.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal readability and a fresh look.
- **Layout**: Use a card-based layout for the dashboard, where each feature is represented as a separate card. This allows users to quickly identify and access different sections. Include a sidebar navigation for easy access to various features.
- **Typography**: Use a sans-serif font for a modern look (e.g., Inter or Poppins) with a clear hierarchy: large headings for section titles, medium-sized subheadings for categories, and standard text for body content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust, type-safe development.
- **Styling**: Tailwind CSS to facilitate rapid and responsive design with utility-first principles.
- **UI Components**: Utilize shadcn/ui for pre-built components that maintain design consistency and speed up development.
- **State Management**: Use React Context API or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS. Ensure all dependencies are installed.
2. **Create Layout Components**: Develop the main layout structure, including the dashboard and sidebar navigation.
3. **Implement Core Features**: Build each core feature as a separate component, ensuring they communicate effectively with the overall state management system.
4. **Design and Style**: Apply Tailwind CSS classes to each component, adhering to the established visual style and color scheme.
5. **User Testing**: Conduct user testing sessions with potential users to gather feedback on usability and functionality.
6. **Iterate and Improve**: Refine features and design based on user feedback, focusing on enhancing user experience and practicality.

## USER EXPERIENCE
Users will interact seamlessly with the application through an intuitive dashboard. They can easily navigate between sections using the sidebar while accessing the business overview, updating checklists, and managing notes all from a single, clean interface. The design prioritizes ease of use, ensuring that young entrepreneurs can make informed decisions quickly, with all critical information consolidated in one location.