Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Almazara is a web application designed to offer personalized daily creative challenges powered by AI for Spanish-speaking creatives. The application aims to help users overcome creative blocks in a fun, friendly, and humorous manner, much like a supportive friend encouraging them to explore their creativity in just 15 minutes.

## CORE FEATURES
1. **Onboarding - Registration**: Users can create an account by entering their name, email, and password, while selecting multiple creative disciplines such as illustration, photography, writing, design, music, and crafting.
2. **Onboarding - Login**: Returning users can log in using their email and password.
3. **Home - Daily Challenge**: Users receive a personalized greeting and can select their mood and available time before generating a creative challenge. A badge system tracks their progress.
4. **Profile - Artist's Journey**: Displays completed challenges, current and maximum streaks, and badges earned for milestones, along with a notes section for each challenge.
5. **Admin Dashboard**: A protected admin route for future management features, currently set as a placeholder.

## 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 application will feature a simple vertical layout for the onboarding screens, a dashboard-like layout for the home screen, and a profile section that displays user data in a card format with badges.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or Zustand for more complex states)

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize the project with Create React App and TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries.
3. **Create Routing**: Set up routing for `/registro`, `/login`, `/home`, `/perfil`, and `/admin`.
4. **Build Onboarding Screens**: Develop the registration and login components with forms and validation.
5. **Implement Home Screen**: Create the daily challenge component with mood and time selectors, challenge button, and display area for generated challenges.
6. **Design Profile Section**: Implement the profile page displaying challenge history, streaks, and badges.
7. **Style Components**: Use Tailwind CSS to apply styles according to the design specifications, focusing on the defined color palette and typography.
8. **Test User Flows**: Ensure all interactive elements function correctly and provide a smooth user experience.

## USER EXPERIENCE
Users will seamlessly transition through the onboarding process, easily registering or logging in. Once on the home screen, they will interact with mood and time selectors to generate creative challenges tailored to their preferences. The profile section will allow users to reflect on their progress and achievements, enhancing their motivation and engagement with the app. The overall experience is designed to be friendly and encouraging, embodying the supportive tone of a creative companion.