Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Rick and Morty Character Generator Application

## APPLICATION OVERVIEW
This web application allows users to register and generate a random character from the popular TV show "Rick and Morty." The application will be entirely in Spanish, providing a fun and engaging experience for fans of the series.

## CORE FEATURES
1. **User Registration and Login**: Users can create an account or log in to access their personalized experiences.
2. **Random Character Generation**: Once logged in, users can click a button to generate and display a random character from the Rick and Morty universe.
3. **User Profile Section**: A dedicated area for users to view their profile information and access the character generation feature.
4. **API Integration**: Utilize the Rick and Morty API to fetch character data for random generation.
5. **Spanish Localization**: All text and UI components will be presented exclusively in Spanish to cater to the target audience.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will focus on clean lines, ample white space, and a simple layout that emphasizes typography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a friendly atmosphere.
- **Layout**: 
  - A header with the application title and navigation links.
  - A main content area with user registration/login forms and the random character generation button.
  - A user profile section displaying the generated character image and details.
- **Typography**: 
  - Use a sans-serif font for a modern look (e.g., "Roboto" or "Open Sans").
  - Headings will be bold and larger to create a strong visual hierarchy.
  - Body text will be regular weight for easy reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component management.
- **Styling**: Tailwind CSS for utility-first styling that aligns with the minimalist design.
- **UI Components**: Use shadcn/ui for pre-built components to speed up development.
- **State Management**: Utilize React Context API for managing user authentication and character data.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Add shadcn/ui components.

2. **Create User Authentication**:
   - Implement user registration and login forms using controlled components in React.
   - Utilize local storage or a simple backend for storing user data.

3. **Integrate Rick and Morty API**:
   - Create a service to fetch random character data from the Rick and Morty API.
   - Handle API responses and errors gracefully.

4. **Design User Interface**:
   - Develop the layout based on the design specifications using Tailwind CSS classes.
   - Ensure all text is presented in Spanish.

5. **Implement Character Generation Feature**:
   - Create a button in the user profile section that triggers the API call to fetch a random character.
   - Display the character’s name and image in a visually appealing manner.

6. **Test and Refine**:
   - Conduct user testing to ensure the application is intuitive and user-friendly.
   - Make adjustments based on feedback, focusing on responsiveness and accessibility.

## USER EXPERIENCE
Users will have a seamless experience starting from registration, where they will input their details in Spanish. After logging in, they can navigate to their profile where a prominent button allows them to generate a random character. Upon clicking, the character’s image and details will be displayed instantly, creating a fun interaction. The overall minimalist design ensures that users stay focused on the character generation feature without unnecessary distractions.