Projeto: Voz de Ouro NPS Quero desenvolver uma aplicação web chamada Voz de Ouro NPS.
Generated Prompt
## APPLICATION OVERVIEW Voz de Ouro NPS is a web application designed to gamify the response rate of NPS surveys through an annual championship inspired by Brazilian football. The application aims to enhance engagement by tracking and calculating response rates in a competitive format, setting the foundation for future data imports and functionalities. ## CORE FEATURES 1. **Entity Management**: Create and manage entities such as Branch, Consultant, Technician, Service Order, NPS Survey, Championship, Round, and Ranking. 2. **Data Relationships**: Establish relationships between entities, particularly between Service Orders and Technicians, and ensure NPS Surveys are linked to their respective Service Orders. 3. **Response Rate Calculation**: Implement the calculation for the response rate based on the formula: Response Rate = Completed Surveys ÷ Surveys Sent. 4. **Championship Structure**: Set up the framework for an annual championship that tracks response rates, including monthly rounds and classification tables for branches, consultants, and technicians. 5. **Import Structure**: Design the architecture to prepare for the future importation of NPS base and Service Order reports via Excel files, linked by Service Order number. 6. **Simple User Interface**: Develop a basic interface with a modern layout featuring a project name, a sidebar menu, and an empty central area for future content. ## 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 include a top navigation bar with the project title, a vertical sidebar for navigation, and a central content area that is initially empty. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Use React's built-in state management or Context API for simplicity. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Entity Models**: Define the data models for Branch, Consultant, Technician, Service Order, NPS Survey, Championship, Round, and Ranking. 3. **Establish Database Relationships**: Implement relationships in the database based on the specified entity structures. 4. **Build Response Rate Functionality**: Create a function to calculate the response rate based on completed surveys and sent surveys. 5. **Design User Interface**: Develop the UI layout with a sidebar menu and a central area for future content using Tailwind CSS. 6. **Prepare for Data Import**: Create a structure for data import functionality, ensuring the architecture can handle Excel files linked by Service Order number. 7. **Testing**: Conduct thorough testing of all implemented features to ensure functionality and performance. ## USER EXPERIENCE Users will interact with a simple and intuitive interface. The main page will display the project name and provide access to different sections through the sidebar menu. Users will be able to manage entities and view the competitive standings as the application evolves. The overall experience aims to be professional yet sporty, aligning with the project's gamification theme. This comprehensive prompt is ready for use in Lovable to develop the Voz de Ouro NPS web application.
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!
