Bouw een kompleet crm systeem voor van den berg vleesexperts waarin we alles kunnen delen wat we over onze klanten weten.
Generated Prompt
## APPLICATION OVERVIEW This application is a comprehensive CRM system designed for Van den Berg Vleesexperts, enabling the team to manage and share detailed information about clients, including complaints, outstanding invoices, and more. The primary goal is to create a streamlined platform that enhances communication and data sharing within the organization. The application has to be in Dutch. Look for the Corporate identity on www.vleesexperts.nl ## CORE FEATURES 1. **Client Database**: A centralized database to store comprehensive client profiles, including contact information, transaction history, and notes. 2. **Complaint Management**: A dedicated section for logging, tracking, and resolving client complaints, ensuring timely responses and solutions. 3. **Invoice Tracking**: An interface to manage outstanding invoices, providing insights into payment statuses and reminders for follow-ups. 4. **Document Sharing**: A feature allowing users to upload, share, and manage important documents related to clients, enhancing collaboration. 5. **Reporting Dashboard**: A visual dashboard presenting key metrics and analytics about client interactions, complaints, and financials to aid decision-making. 6. **User Management**: Role-based access control enabling different levels of user permissions for enhanced security and data integrity. ## 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 sidebar navigation for easy access to different sections (Client Database, Complaint Management, Invoice Tracking) and a main content area displaying relevant information and actions. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (for managing complex state across the application) ## IMPLEMENTATION STEPS 1. **Set up the project**: Create a new React project using Create React App with TypeScript template. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui by following their respective installation guides. 3. **Create the Folder Structure**: Organize components, pages, and services for client management, complaints, invoices, and user management. 4. **Build Core Features**: Develop each core feature: - Implement the client database with CRUD operations. - Create the complaint management system with forms for logging and tracking complaints. - Develop the invoice tracking feature with a dashboard view for outstanding invoices. - Set up document sharing functionality using a file upload service. - Design a reporting dashboard using charts and graphs for data visualization. 5. **User Authentication**: Implement user authentication and role-based access control for secure login and permissions. 6. **Styling**: Apply Tailwind CSS classes according to the design specifications, ensuring responsiveness and a clean aesthetic. 7. **Testing**: Conduct thorough testing of all features, focusing on user interactions and data integrity. 8. **Deployment**: Deploy the application using a suitable hosting service, ensuring all environment variables are correctly configured. ## USER EXPERIENCE The user experience is designed to be intuitive and efficient. Users will navigate through a sidebar to access various features, with a consistent layout across sections. Key interactions include easy data entry forms for complaints and invoices, quick search functionality for client information, and a visually appealing dashboard that summarizes critical client metrics. Responsive design principles will ensure the application is accessible on various devices, enhancing usability for all team members.
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!
