Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with an interactive platform to discover and identify US cartoon female voice actors for specific characters, focusing on the character from 2009. The application allows users to search for voice actors by character name and year while delivering a clean and engaging user experience.

## CORE FEATURES
1. **Character Search**: Users can enter a character name and year to retrieve information about the voice actor, including their biography and notable works.
2. **Voice Actor Profiles**: Detailed profiles for each voice actor, showcasing their roles, career highlights, and associated cartoons.
3. **Yearly Archive**: A feature that allows users to browse voice actors by year, highlighting popular characters and trends from each specific year.
4. **User Favorites**: Users can save their favorite characters and voice actors for easy access in the future.
5. **Feedback System**: A simple feedback form for users to suggest improvements or report inaccuracies in the information provided.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette, and a focus on typography to enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and easy reading.
- **Layout**: A single-column layout that guides users through the search functionality, character profiles, and feedback forms, ensuring simplicity and ease of navigation.
- **Typography**: Use a sans-serif font like 'Roboto' for body text and 'Montserrat' for headings, maintaining a clear hierarchy with larger font sizes for headings and appropriate spacing between elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component management.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsive design capabilities.
- **UI Components**: Utilization of shadcn/ui components to ensure consistency and modern UI patterns.
- **State Management**: Use React's Context API for managing global state related to user favorites and search history.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize the React application with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop core components such as `SearchBar`, `CharacterProfile`, `ActorProfile`, and `FavoritesList`.
3. **Implement Routing**: Set up routing using React Router to navigate between the search page and individual actor profiles.
4. **Develop State Management**: Implement Context API to manage user favorites and search results.
5. **Design Layouts**: Use Tailwind CSS to achieve the minimalist layout, ensuring responsiveness across devices.
6. **Integrate APIs**: If applicable, connect to a database or third-party API that provides information about voice actors and characters.
7. **User Feedback**: Build a feedback form component and integrate it with a backend to collect user suggestions.
8. **Testing**: Conduct thorough testing to ensure user interactions are smooth and the application is bug-free.

## USER EXPERIENCE
Users will land on a clean, welcoming homepage where they can easily find the search bar at the top. They can type in a character name and year to retrieve specific voice actor information. Each search result will link to a dedicated profile page for the voice actor, where users can view more details and add them to their favorites. The feedback system is accessible from every page, encouraging user interaction and input to enhance the application over time. The minimalist design ensures that users can focus on content without distractions, promoting a smooth browsing experience.