Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The candidate referral program is a web application designed to facilitate the process of referring candidates for job openings while ensuring compliance with GDPR regulations. The application aims to create a user-friendly experience for both referrers and candidates, streamlining the referral process and maintaining data privacy.

## CORE FEATURES
1. **User Registration and Authentication**  
   Allow users to create accounts securely and log in to the platform using email and password, with options for social login to enhance user experience.

2. **Referral Submission Form**  
   A simple and intuitive form for users to submit referrals, including candidate details, job position, and any relevant notes, ensuring all fields are compliant with GDPR.

3. **Referral Tracking Dashboard**  
   A dashboard that displays the status of submitted referrals, including pending, successful, or rejected statuses, along with analytics on referral success rates.

4. **GDPR Compliance Notifications**  
   In-app notifications and reminders to inform users about data usage policies and consent requirements, ensuring transparency and compliance with GDPR.

5. **Reward Management System**  
   A feature to manage and display rewards for successful referrals, including points or monetary incentives, presented in a clear and engaging manner.

6. **Admin Panel**  
   A backend interface for administrators to manage users, track referrals, review compliance, and generate reports on referral activities.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist, emphasizing a clean and simple design with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: A straightforward, single-column layout for forms and dashboards, with a clear navigation bar at the top for easy access to different sections of the application.
- **Typography**: Use of a sans-serif font like 'Inter' for body text to promote clarity, with bold headings for visual hierarchy. Maintain consistent font sizes to guide users through the content effectively.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first CSS styling to maintain design consistency and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist design.
- **State Management**: Implement Zustand or React Context API as needed for efficient state management across components.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**  
   Initialize a new React project using Create React App with TypeScript support. Install Tailwind CSS and shadcn/ui components.

2. **Create User Authentication Module**  
   Implement user registration and login functionality using a secure authentication library, ensuring proper handling of user data in compliance with GDPR.

3. **Build Referral Submission Form**  
   Design and implement the referral submission form with necessary fields, including validation to ensure all required information is captured.

4. **Develop the Referral Tracking Dashboard**  
   Create a dashboard component that fetches and displays user referral data, implementing state management to keep track of referral statuses.

5. **Integrate GDPR Compliance Features**  
   Develop and integrate notifications regarding data usage and consent, ensuring users have clear information about their data rights.

6. **Set Up Reward Management and Admin Panel**  
   Create functionality to manage rewards and develop an admin panel for oversight and reporting on referral metrics.

## USER EXPERIENCE
Users will navigate the application through a clear top navigation bar, landing on the dashboard upon login. From there, they can easily access the referral submission form. Notifications regarding GDPR compliance will be strategically placed to ensure users are well-informed without being intrusive. The streamlined layout and clear typography will guide users through their tasks efficiently, enhancing overall usability and engagement.