Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to manage vendor information efficiently. It allows users to view, add, edit, and organize vendor details, including contact information and status, with a focus on ease of use and minimalistic design. Make sure RLS is enforced on all tables. 

## CORE FEATURES
1. **Vendor List Display**: A comprehensive list showing Vendor Name, Description, Main Phone, Contact Count, Status (Active/Inactive), and Created Date.
2. **Search and Filter Options**: Users can search for specific vendors and toggle between showing all vendors or filtering by active/inactive status.
3. **Add Vendor Functionality**: A slide-in window that facilitates adding new vendors with required details and optional primary contact information.
4. **Edit Vendor Capability**: Users can edit existing vendor information and manage associated contacts directly from the edit form.
5. **Export and Import Options**: Functionality for users to import or export vendor data in a convenient format.
6. **Responsive Design**: The application will be fully responsive, ensuring usability across different devices.



## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS for styling.
2. **Create Core Components**:
   - Develop the Vendor List component to display vendor information in a table format.
   - Implement the Search and Filter functionalities above the vendor list.
   - Create the Add Vendor slide-in form using a modal or side drawer component.
3. **Implement Form Validation**: Ensure required fields are validated and phone numbers are formatted according to specifications.
4. **Integrate CRUD Operations**: Set up state management to handle adding, editing, and deleting vendor records.
5. **Add Export/Import Functionality**: Use libraries for CSV handling to implement data import/export features.
6. **Responsive Design**: Test and adjust the layout for various screen sizes ensuring a seamless user experience.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily search for vendors. The vendor list will be dynamically updated based on filter options. Adding or editing a vendor will be straightforward with the slide-in forms guiding users through required inputs. The overall experience will prioritize accessibility and simplicity, making it easy for users to manage vendor information efficiently.