Hace un tiempo cree un código con mi propia información y que procesé como html, con el fin de tener un closet digital que pudiera armarme outfits...
Generated Prompt
## APPLICATION OVERVIEW The application is a web app designed to provide users with a digital closet that simplifies the process of creating daily outfits. Users can log in to save their wardrobe items, specify their preferences, and generate outfits based on their unique requirements. It aims to enhance the user experience by offering personalized outfit suggestions and tracking the usage of garments. ## CORE FEATURES 1. **User Authentication**: Users can sign up and log in using their email addresses to securely save their wardrobe information. 2. **Wardrobe Management**: Users can categorize their clothing items by gender and type (tops, bottoms, shoes, etc.), including the option to upload photos for each item. 3. **Outfit Generation**: A feature that randomly generates outfits based on user-defined criteria and allows users to swap out items until they are satisfied. 4. **Outfit Library**: Users can confirm outfits, which will be saved in a library for future reference, along with a favorites option to suggest similar outfits later. 5. **Dynamic Category Management**: Users can track the number of items in each category, with items being removed from the list once used, and categories resetting after all items have been utilized. 6. **New Item Addition**: Users can add new clothing items to their wardrobe with a disclaimer regarding usage limitations based on their defined requirements. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will be clean and straightforward, utilizing ample white space to promote ease of use. The focus will be on typography for clarity. - **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and comfort. - **Layout**: The layout will be structured into a top navigation bar for easy access to main sections (Wardrobe, Outfit Generator, Favorites, etc.), a main content area for displaying items and generated outfits, and a sidebar for user settings and profile management. - **Typography**: Use a modern sans-serif font for headings (e.g., "Roboto") and a legible serif font for body text (e.g., "Open Sans"), ensuring a clear hierarchy with larger sizes for headings and appropriate line spacing for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript to ensure type safety and component-based architecture. - **Styling**: Tailwind CSS for utility-first styling, enabling rapid UI development and customization. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design aesthetic. - **State Management**: Implement React Context API for managing user state and wardrobe data efficiently. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui). 2. **User Authentication**: Create login and signup components, integrating Firebase or a similar service for user authentication. 3. **Wardrobe Management**: Build components for adding, editing, and displaying wardrobe items, ensuring that they are categorized appropriately. 4. **Outfit Generation Logic**: Develop the algorithm for generating outfits based on user preferences and constraints, including options for item swapping. 5. **Outfit Library**: Create a component to store and display confirmed outfits and favorite selections. 6. **Dynamic Item Tracking**: Implement functionality to count and manage items in each category and reset them after all have been used. 7. **New Item Addition Workflow**: Build the interface for adding new items, including input fields for category selection and item details, with appropriate disclaimers. ## USER EXPERIENCE Users will start by signing up or logging in to access their digital closet. They will navigate through a simple interface to add wardrobe items and set preferences. When generating outfits, users can easily swap items until they find a satisfying combination. Once confirmed, outfits will be stored in a library for future reference, and favorite outfits can be marked for easier access later. The application will keep track of clothing usage, ensuring a fresh selection of outfits through its dynamic management system, making the overall experience seamless and enjoyable.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
