Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Web Application: SharePoint Workflow Management Tool

## APPLICATION OVERVIEW
This application is designed as a web app to streamline and manage workflows related to SharePoint lists. Its primary purpose is to ensure consistency in handling eligibility checks, email triggers, and detailed workflows, providing users with a clear step-by-step process to follow.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to access their specific SharePoint list workflows.
2. **Eligibility Checker**: A feature to assess user eligibility based on predefined criteria pulled from SharePoint lists.
3. **Email Notification Triggers**: Define when and how emails are triggered based on user actions and workflow stages.
4. **Workflow Management**: A stepwise interface guiding users through each phase of their tasks with clear instructions and visual indicators.
5. **Dashboard Overview**: A user-friendly dashboard displaying current workflow statuses, recent activities, and pending tasks.
6. **Integration with SharePoint**: Seamless access to SharePoint lists for data retrieval and updates.

## 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**: A vertical layout with a prominent header, followed by a sidebar for navigation, a main content area for workflows, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create User Authentication**: Implement user login and registration forms, integrating with a backend service for user management.
3. **Develop Eligibility Checker**: Build a form that pulls data from SharePoint lists to evaluate user eligibility based on specified rules.
4. **Email Notification System**: Set up triggers for email notifications based on user actions and workflow progress. Use a service like SendGrid for sending emails.
5. **Design the Workflow Management Interface**: Create components for displaying the stepwise workflow, ensuring clear navigation and user guidance.
6. **Implement Dashboard Overview**: Create a dashboard that aggregates user tasks, workflow statuses, and notifications.
7. **Integrate with SharePoint**: Utilize the SharePoint API to connect and fetch data from SharePoint lists, ensuring the workflows are populated with accurate information.
8. **Testing and Deployment**: Test the application thoroughly to ensure all features work as intended before deploying to a production environment.

## USER EXPERIENCE
Users will interact with the app through a clean interface, starting with a login screen. Upon logging in, they will see their dashboard, showcasing pending workflows and eligibility status. Each workflow is presented step by step, with clear instructions and visual cues. Notifications are sent automatically based on user activity, enhancing engagement and ensuring timely actions are taken. The overall experience emphasizes simplicity and clarity, allowing users to focus on their tasks without distraction.