Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Shortlistr is a web application designed for Human Resources to streamline the resume shortlisting and interview scheduling process. By allowing users to evaluate candidates based on job description criteria, the application simplifies the hiring workflow by integrating resume uploads, scoring, and meeting scheduling into a single platform.

## CORE FEATURES
1. **User Authentication**: Secure login functionality for HR professionals to access their accounts and manage job postings and candidates.
2. **Job Posting Dashboard**: A centralized dashboard displaying all job listings, with options to add, edit, or delete postings.
3. **Resume Uploading**: Functionality for users to upload candidate resumes linked to specific job postings, facilitating easy management and review.
4. **Automated Resume Scoring**: An algorithm that evaluates uploaded resumes against job criteria, providing scores and rankings for each candidate.
5. **Interview Scheduling**: Integration of calendar features to schedule interviews directly with candidates based on their scores and availability.
6. **Candidate Management**: A detailed view of candidates' scores and profiles, allowing HR professionals to filter and select candidates easily.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design focusing on clean lines and ample white space to enhance readability and user focus.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high visibility and a pleasant user experience.
- **Layout**: A straightforward layout featuring a top navigation bar, main content area for dashboard and candidate details, and a sidebar for quick access to job postings and settings.
- **Typography**: Use of sans-serif fonts for a modern look, with a clear hierarchy (e.g., larger font sizes for headings and smaller for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling to ensure responsive design and quick adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built components that adhere to accessibility standards and best practices.
- **State Management**: Implement React Context or Zustand for global state management to handle user sessions and candidate data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Module**: Develop user authentication using Firebase or Auth0 for secure login and session management.
3. **Build Dashboard Component**: Create the main dashboard layout with sections for job postings and candidate management.
4. **Implement Resume Uploading**: Integrate file upload functionality for users to submit candidate resumes with validation checks.
5. **Develop Scoring Algorithm**: Create a backend service (Node.js or similar) to analyze resumes against job descriptions and provide scoring.
6. **Interview Scheduling Feature**: Integrate calendar API (e.g., Google Calendar) for scheduling interviews based on candidates' availability.
7. **Testing and Deployment**: Conduct thorough testing for functionality and user experience, then deploy the application on a cloud platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will navigate through a clean and intuitive interface, starting from the login page to access their dashboard. They will be able to view job postings, upload resumes, and see candidate scores in a consolidated view. The application will facilitate seamless scheduling of interviews, making the hiring process efficient and straightforward. The focus on minimalist design ensures that users can easily focus on the tasks at hand without distractions.