FASE 1 — FUNDAÇÃO DO SISTEMA DE GESTÃO DA INSTRUMENTAÇÃO
Generated Prompt
## APPLICATION OVERVIEW The project is a web application designed to manage and control instrumentation within an industrial setting, named **ASTRA INSTRUMENTAÇÃO**. This application will provide a solid foundation for the future phases of development, incorporating a dashboard for monitoring instruments, user management, and detailed record keeping of instruments and their calibration statuses. ## CORE FEATURES 1. **Dashboard**: A professional interface displaying current date, logged-in user, system status, and key performance indicators related to instruments. 2. **Instrument Management**: Comprehensive CRUD functionality for managing instruments, including the ability to add, edit, and view details of instruments, with validation for unique tags. 3. **Sector and Type Management**: Allows users to define and manage sectors and types of instruments, ensuring proper categorization within the system. 4. **Calibration Tracking**: Automated tracking of instrument calibration statuses, including upcoming due dates and historical data. 5. **User Management**: Integration of user roles with defined permissions, allowing for the assignment of roles such as Administrator and Responsible. 6. **Historical Logging**: An audit trail for actions taken on instruments, including creation, modifications, and status changes. ## 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 application will feature a fixed sidebar for navigation, a central dashboard area for displaying cards and graphs, and responsive tables for instrument management. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Redux or Context API as needed for managing application state. ## IMPLEMENTATION STEPS 1. **Project Setup**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Folder Structure**: Organize the folder structure into components, pages, and services for API calls. 3. **Authentication**: Integrate existing authentication to ensure secure access to the application. 4. **Dashboard Development**: Create the dashboard component with sections for displaying data, including total instruments and calibration statuses. 5. **CRUD Functionality**: Implement the instrument management module with forms for adding/editing instruments, including validation for required fields. 6. **Graphical Representation**: Use chart libraries to visualize instrument statuses and calibration timelines. 7. **User Management**: Set up user roles and permissions structure. 8. **Historical Logging**: Create a logging mechanism that captures changes made to instruments and user actions. 9. **Testing**: Conduct thorough testing of all functionalities, ensuring that the application meets performance and usability standards. 10. **Deployment**: Prepare the application for deployment on a suitable hosting platform. ## USER EXPERIENCE Users will navigate through a fixed sidebar to access different sections of the application. The dashboard will serve as the entry point, providing insights into instrument statuses and upcoming calibrations. Users can quickly add new instruments or edit existing ones via streamlined forms, with real-time validation feedback. All data interactions will be reflected immediately in the dashboard, allowing for an efficient workflow and a seamless user experience.
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!
