Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as an interactive storytelling platform for children aged 6 to 10. Users will select words from dropdown menus—such as mood, season, type of story, and feelings—to generate a unique story that incorporates their chosen elements. The application also allows users to save their stories for later reading, providing a fun and engaging way for children to explore creativity and storytelling.

## CORE FEATURES
1. **Word Selection Dropdowns**: Users can choose from various categories (mood, season, story type, feelings) to customize their story.
2. **Story Generation**: Once the words are selected, the application generates a coherent story that includes all chosen elements.
3. **Save Story Functionality**: Users can save their generated stories, allowing them to revisit and share their creations.
4. **User-Friendly Interface**: A simple and intuitive design ensures ease of use for children.
5. **Responsive Design**: The application is accessible on various devices, ensuring a seamless experience across desktop and mobile platforms.

## 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 feature a top navigation bar, a central story creation area with dropdowns and a "Generate Story" button, and a section for displaying the generated story. The saved stories will be accessible through a sidebar or a separate section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing stories and user selections

## IMPLEMENTATION STEPS
1. **Set up the React project**: Create a new React application using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui for styling.
3. **Create the component structure**: 
   - Build a `Header` component for navigation.
   - Create a `StoryGenerator` component with dropdowns for word selection and a button to generate stories.
   - Develop a `StoryDisplay` component to show the generated story.
   - Implement a `SavedStories` component to list saved stories.
4. **Implement state management**: Use the React Context API to manage selected words and saved stories.
5. **Design the UI**: Apply Tailwind CSS classes to create a minimalist aesthetic, focusing on spacing, typography, and button styles.
6. **Add story generation logic**: Create a function that takes the selected words and composes a story.
7. **Implement save functionality**: Enable users to save their stories in local storage or a simple database solution.
8. **Test the application**: Ensure that all functionalities work as intended and that the UI is responsive.

## USER EXPERIENCE
Users will interact with the application by selecting words from the dropdown menus to customize their story. After making their selections, they will click the "Generate Story" button, which will display their unique story on the screen. Users can then save their stories to revisit them later. The interface will be designed to be engaging for children, with bright colors and clear instructions that guide them through the storytelling process. The responsive design ensures that children can use the application on tablets or mobile devices without any issues.