Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application, "Crear Misa", allows users to create customized mass templates based on liturgical seasons. Users can select default parts of the mass, add or remove sections, and choose recommended songs from a library, ensuring a flexible and personalized worship experience.

## CORE FEATURES
1. **Template Selection**: Users can choose from various liturgical templates (Adviento, Navidad, Cuaresma, Semana Santa, Pascua, Tiempo Ordinario) that dictate the default structure of the mass.
2. **Customizable Mass Structure**: Each part of the mass can be added, removed, or reordered, providing users the freedom to tailor the service to their needs.
3. **Song Recommendations**: The application suggests songs based on the selected part of the mass, utilizing tags to ensure relevance and ease of selection.
4. **Search Functionality**: Users can search for songs within each part of the mass, with a '+' button to add multiple songs to any section.
5. **User-Friendly Interface**: The design emphasizes simplicity and clarity, allowing users to navigate easily and create their masses without confusion.
6. **Library Integration**: Incorporates an existing library of songs with chords, seamlessly linking them to the new mass creation feature.

## 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 includes a sidebar for template selection, a central area for mass customization, and a footer for additional resources and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript  
- **Styling**: Tailwind CSS  
- **UI Components**: shadcn/ui  
- **State Management**: [Specify if needed]

## IMPLEMENTATION STEPS
1. **Set up React with TypeScript**: Create a new project using Create React App with TypeScript template.
2. **Integrate Tailwind CSS**: Configure Tailwind CSS to style the application according to the design specifications.
3. **Develop UI Components**: Create reusable components for mass templates, song lists, and customizable sections using the shadcn/ui library.
4. **Implement Template Selection**: Build functionality for selecting different liturgical templates which will pre-fill the mass structure.
5. **Enable Customization**: Allow users to add or remove parts of the mass, ensuring that the interface is intuitive and easy to use.
6. **Integrate Song Recommendations**: Link the song library to the relevant parts of the mass, using tags for recommendations based on user selection.
7. **Testing**: Conduct thorough testing to ensure all features work as intended and user experience is seamless.

## USER EXPERIENCE
Users will be greeted with a clean interface upon entering the application. They can easily select a template for the mass, view suggested songs for each part, and customize their order. Adding songs is straightforward, with a search function to assist in finding the right music. The overall experience is designed to be intuitive, allowing users to focus on creating meaningful worship services.