Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive offline web application designed for professional use, built with HTML5, modern JavaScript (ES2022+), and IndexedDB for data management. This application will allow users to manage various modules effectively without the need for a server or internet connection, ensuring a seamless and efficient user experience.

## CORE FEATURES
1. **Modular Architecture**: Each module will have a clear responsibility, promoting maintainability and scalability through a well-defined structure.
2. **IndexedDB Management**: A centralized DatabaseService to handle creation, versioning, and operations (add, modify, delete, search) with IndexedDB.
3. **Responsive Interface**: A professional and modern UI that adapts to smartphones, tablets, and desktops, featuring light and dark modes.
4. **Dynamic Routing**: A lightweight router to facilitate navigation between modules without reloading the page, enhancing user experience.
5. **Import/Export Functionality**: Options to import/export JSON data and manage files, ensuring data integrity and usability.
6. **Validation System**: Comprehensive validation for all user inputs, ensuring data accuracy and security before integration.

## 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 feature a sidebar for navigation on desktop with a mobile-friendly adaptation, highlighting key modules and their respective functionalities with clear call-to-action elements.

## TECHNICAL REQUIREMENTS
- **Framework**: Vanilla JavaScript with ES6 modules
- **Styling**: CSS3 with modular stylesheets for organization (variables, layout, components, responsive)
- **Data Management**: IndexedDB for structured data and localStorage for small settings
- **Build System**: A custom build script to consolidate all files into a single `app-final.html`

## IMPLEMENTATION STEPS
1. **Project Structure Setup**: Create the initial folder structure with `/src`, `/build`, and necessary subfolders for CSS, JS, and assets.
2. **Modular Development**: Implement each module (dashboard, clients, dossiers, etc.) following the ES6 module pattern, ensuring clear import/export structures.
3. **DatabaseService Creation**: Develop the DatabaseService to handle all interactions with IndexedDB, following best practices for data handling.
4. **State Management Implementation**: Create a StateManager to manage application state and trigger UI updates as needed.
5. **Routing Logic**: Build the JavaScript router to handle navigation between modules without page reloads.
6. **Responsive Design**: Implement CSS for responsive layouts, ensuring usability across all devices.
7. **Validation and Security**: Integrate a validation system for user inputs and ensure all data handling is secure.
8. **Testing and Debugging**: Conduct thorough testing of modules and functionalities to ensure everything operates as intended.
9. **Build Process Development**: Write a build script to compile the final `app-final.html`, including all CSS, JavaScript, and resources.
10. **Final Review and Deployment**: Review the final output for compliance with all specifications; prepare for deployment.

## USER EXPERIENCE
Users will interact with a sleek interface that allows them to navigate smoothly between modules using the sidebar on desktop or a mobile-optimized navigation system. Key features, such as data import/export and validation, will be intuitive, guiding users through processes with clear prompts and confirmations. The application will provide a seamless experience, even in offline mode, ensuring that all functionalities are accessible without external dependencies.