Je veux créer une application pour éditer des rapports financiers et bilans pour les coopératives marocaines selon le plan comptable marocain...
Generated Prompt
## APPLICATION OVERVIEW The application is a web app designed to help Moroccan cooperatives create, edit, and manage financial reports and balance sheets in accordance with the Moroccan accounting plan and law 112.12 governing cooperatives. It aims to streamline financial reporting processes, ensuring compliance and accuracy for users. ## CORE FEATURES 1. **User Authentication**: Secure login and registration system allowing users to create accounts and manage their profiles. 2. **Financial Report Editor**: An intuitive interface for users to create and edit financial reports, incorporating necessary fields as per the Moroccan accounting regulations. 3. **Balance Sheet Management**: Functionality to generate and maintain balance sheets, with options to input and modify financial data easily. 4. **Compliance Checks**: Automated checks to ensure that reports and balance sheets comply with law 112.12, providing alerts or suggestions for corrections. 5. **Data Export**: Ability to export reports in various formats (PDF, Excel) for sharing and presentation purposes. 6. **User Dashboard**: A personalized dashboard displaying recent activities, notifications, and quick access to financial report templates. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space, focusing on clarity and ease of use. - **Color Mode**: Light theme featuring dark text on light backgrounds for enhanced readability. - **Layout**: A two-column layout for the dashboard with navigation on the left and content display on the right. The report editor will utilize a single-column layout for focus. - **Typography**: Use a sans-serif font like 'Roboto' for body text and a slightly bolder version for headings to maintain hierarchy and readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust and type-safe application development. - **Styling**: Tailwind CSS for efficient styling and responsiveness. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic. - **State Management**: Implement React Context or Redux as needed for state management across the application. ## IMPLEMENTATION STEPS 1. **Set Up Project**: - Initialize a new React project with TypeScript. - Install Tailwind CSS and shadcn/ui for styling. 2. **Create User Authentication**: - Implement user registration and login functionalities using a secure authentication method (e.g., JWT). 3. **Develop Core Features**: - Build the financial report editor with necessary form fields and validation. - Create the balance sheet management interface, ensuring easy data manipulation. - Integrate compliance checks based on the specified law 112.12. - Implement data export functionality. - Design and develop the user dashboard for a personalized experience. 4. **Design Implementation**: - Apply Tailwind CSS for styling the application based on the specified minimalist design. - Ensure responsive design principles are followed throughout the application. 5. **Testing and Deployment**: - Conduct testing to ensure all features work as expected and meet compliance requirements. - Deploy the application to a reliable hosting service. ## USER EXPERIENCE Users will interact with the application through a clean and intuitive interface. Upon logging in, they will be greeted by a dashboard that provides quick access to their reports and balance sheets. The report editor will guide users through inputting necessary financial data, with real-time compliance checks ensuring accuracy. Users will have the ability to export their reports seamlessly, enhancing their productivity and simplifying the reporting process. The overall experience will prioritize ease of use, ensuring that users can navigate the application effortlessly.
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!
