Aplicación web CRM para tienda de ropa, para la gestión de los contactos
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed as a Customer Relationship Management (CRM) system specifically for a clothing store. Its main purpose is to facilitate the management of customer contacts, allowing users to track interactions, store important information, and enhance customer relationships effectively. ## CORE FEATURES 1. **Contact Management**: Users can add, edit, and delete customer contact information, including names, phone numbers, emails, and purchase history. 2. **Interaction Tracking**: Log interactions with customers, such as sales calls, emails, and follow-ups, to maintain a comprehensive view of customer relationships. 3. **Search and Filter**: Implement powerful search and filtering capabilities to quickly find specific contacts based on various criteria. 4. **User Authentication**: Secure login for users to manage their contacts while ensuring data privacy and security. 5. **Dashboard Overview**: A clean dashboard providing a summary view of contacts, recent interactions, and key metrics related to customer engagement. ## 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 responsive sidebar for navigation, a top bar for quick actions, and a central content area for displaying contact details and interaction logs. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API for managing application state ## IMPLEMENTATION STEPS 1. **Setup Project**: Create a new React application with TypeScript template using Create React App. 2. **Install Dependencies**: Add necessary libraries, including Tailwind CSS, React Router, and Redux or Context API. 3. **Design Layout**: Build the main layout structure with a sidebar, top bar, and content area using Tailwind CSS for styling. 4. **Implement Authentication**: Create user authentication features using Firebase or a custom backend for secure login. 5. **Build Core Features**: Develop components for contact management, interaction tracking, and the dashboard overview. Ensure they are connected to the state management system. 6. **Testing**: Perform thorough testing to ensure all features work seamlessly and the UI is responsive on various devices. 7. **Deployment**: Deploy the application to a cloud service provider like Vercel or Netlify for live access. ## USER EXPERIENCE Users will interact with the application through a clean and intuitive interface. Upon logging in, they will see their dashboard with a summary of contacts and recent interactions. They can easily navigate through the sidebar to add new contacts, view existing ones, and log interactions. The search and filter functionalities will allow quick access to specific customers, enhancing their ability to manage relationships effectively. The minimalist design ensures that users can focus on the task at hand without distractions. This comprehensive prompt outlines the requirements and structure for developing a fully functional minimalist CRM web application tailored for a clothing store, aligning with the user's vision.
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!
