Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to help users create and manage different types of projects, specifically escape rooms, horseback riding events, and foam work projects. The app will feature an intuitive interface allowing users to easily create, list, and access their projects.

## CORE FEATURES
1. **Project Creation**: A button that opens a modal with three options to create different types of projects: Escape Room, Cabalgata (Horseback Riding), and Trabajos Porexpan (Foam Work).
2. **Project Listing**: A button that displays a list of created projects, categorized by type, allowing users to select which project they want to access or edit.
3. **Project Details**: Upon selecting a project, users can view all details associated with it, including descriptions and any specific notes.
4. **Edit and Delete Options**: Users can edit project details or remove projects they no longer need.
5. **Responsive Design**: The application will be fully responsive, ensuring usability across devices of all sizes.

## 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 consist of a top navigation bar, a central area for project creation and listing, and a sidebar for filtering projects by type.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React's Context API or a state management library such as Redux if necessary.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React app with TypeScript and install necessary dependencies like Tailwind CSS and shadcn/ui.
2. **Create the layout**: Build the main layout structure with a navigation bar, project creation section, and project listing area.
3. **Implement project creation**: Design the modal for creating projects with options for the three project types.
4. **Develop project listing functionality**: Create a component that fetches and displays the list of projects, allowing users to filter by project type.
5. **Add project detail view**: Implement a detail view for each project that shows relevant information and provides editing and deleting options.
6. **Ensure responsiveness**: Test the application on various screen sizes and make adjustments to maintain usability.

## USER EXPERIENCE
Users will start by accessing the main page where they can create a new project by clicking the "Create Project" button. This action will prompt them to choose the type of project they wish to create. Once projects are created, users can easily navigate to the project listing, select a project to view its details, and make necessary edits or deletions. The minimalist design ensures a smooth and intuitive user experience, focusing on the essential actions without unnecessary distractions.