Modelo estructurado de gestión del talento humano desde 0 para una microempresa de lencería femenina, bolsos y productos de cuidado personal, la...
Generated Prompt
## APPLICATION OVERVIEW This web application serves as a structured human talent management system designed specifically for a new microenterprise focusing on women's lingerie, bags, and personal care products. The application aims to transition the company from an empirical personnel management approach to a more organized and systematic solution that enhances employee engagement and operational efficiency. ## CORE FEATURES 1. **Employee Profiles**: Create and manage comprehensive profiles for each employee, including personal information, roles, responsibilities, and performance metrics. 2. **Recruitment Module**: A structured process for posting job openings, receiving applications, and tracking candidates through the hiring process. 3. **Performance Management**: Tools for setting goals, providing feedback, and conducting performance reviews to foster employee development. 4. **Training & Development**: A section dedicated to tracking employee training programs, certifications, and skill development initiatives. 5. **Attendance & Leave Management**: Manage employee attendance records, leave requests, and approvals to maintain operational oversight. 6. **Analytics Dashboard**: Visual analytics to track key HR metrics such as employee turnover, satisfaction ratings, and training effectiveness. ## 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 layout will feature a top navigation bar, a sidebar for navigation, and a main content area that dynamically changes based on user interactions. Sections will be clearly defined with adequate spacing and intuitive navigation paths. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (if necessary for complex state management) ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React application with TypeScript using Create React App. Install Tailwind CSS and configure it within the project. 2. **Design the Layout**: Create the main layout structure, including a navigation bar and sidebar using Tailwind CSS for styling. 3. **Develop Core Features**: Implement each core feature as a separate module/component, ensuring component reusability and scalability. - Start with Employee Profiles, then move to Recruitment, Performance Management, and so forth. 4. **Integrate State Management**: Set up Redux to manage the application's state, especially for features requiring complex data handling (e.g., employee profiles, performance data). 5. **Create the Analytics Dashboard**: Use charting libraries to visualize HR metrics and integrate them into the dashboard. 6. **Testing**: Conduct thorough testing of all features for usability and bugs, ensuring a smooth user experience. 7. **Deployment**: Prepare the application for deployment, ensuring all assets are optimized, and deploy to a suitable hosting platform. ## USER EXPERIENCE Users will interact with the application through a straightforward interface, navigating between modules with the sidebar. Each feature will have clear calls to action, allowing users to quickly access employee profiles, submit leave requests, or generate performance reports. The minimalist design will facilitate ease of use, ensuring that users can focus on managing talent effectively without unnecessary distractions. Responsive design principles will be applied to ensure a seamless experience across devices, from desktops to mobile.
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!
