اريد انشاء تطبيق لادارة أداء الموظفين في الشركة و ربط اداهم الاهداف الاستراتيجية
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for managing employee performance within a company while aligning their contributions with strategic goals. It aims to streamline performance tracking, feedback, and goal-setting processes, fostering an environment of continuous improvement and accountability. ## CORE FEATURES 1. **Employee Profiles**: Create and manage profiles for each employee, including performance history, feedback, and goal progress. 2. **Goal Setting**: Allow managers and employees to set strategic goals, track progress, and adjust objectives as necessary. 3. **Performance Reviews**: Facilitate regular performance evaluations with customizable review templates and automated reminders. 4. **Feedback System**: Implement a structured feedback mechanism for peer reviews and manager assessments to enhance employee growth. 5. **Analytics Dashboard**: Provide a visual dashboard summarizing performance metrics, goal achievement rates, and overall employee engagement. 6. **Notifications**: Keep users informed with notifications for goal deadlines, reviews, and feedback requests. ## 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 sidebar for navigation, a top bar for quick actions, and a central content area that adjusts based on the selected feature. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API for managing global state across the application. ## IMPLEMENTATION STEPS 1. **Setup the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling. 2. **Create UI Components**: Develop reusable components for buttons, cards, forms, and navigation using shadcn/ui. 3. **Build the Layout**: Design the main layout including the sidebar, top bar, and content area using Tailwind CSS for responsive design. 4. **Implement Core Features**: Start coding the core features such as employee profiles, goal setting, and performance reviews, ensuring to integrate with state management. 5. **Create the Dashboard**: Develop the analytics dashboard to visualize performance metrics and track goals. 6. **Set Up Notifications**: Implement a notification system to alert users on important actions and deadlines. 7. **Testing**: Conduct user testing to gather feedback and make necessary adjustments to improve user experience. 8. **Deployment**: Prepare the application for production and deploy it to a web server. ## USER EXPERIENCE The user experience focuses on intuitive navigation and seamless interactions. Users can easily access employee profiles, set and track goals, and submit performance reviews through a straightforward interface. Notifications ensure that users remain engaged and informed about important actions. The responsive design ensures usability across devices, making performance management accessible anytime, anywhere.
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!
