Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a job listing platform specifically for current job opportunities in Salta Capital. Users will be able to browse available positions, with a special emphasis on those that are actively hiring, indicated through color-coded signals. The minimalist design ensures ease of use and focus on job listings.

## CORE FEATURES
1. **Job Listings**: A dynamic section displaying current job offers available in Salta Capital, updated in real-time.
2. **Color-Coded Hiring Indicators**: Jobs that are actively hiring will be highlighted with an intense color to draw attention, enhancing the user’s ability to identify opportunities quickly.
3. **Search and Filter Options**: Users can search for specific job titles or filter by categories such as industry, experience level, or job type.
4. **Job Details Page**: Each job listing will link to a detailed view, providing comprehensive information about the position, company, and application process.
5. **User Authentication**: Optional feature allowing users to save job listings, apply directly, and receive notifications about new job postings.
6. **Responsive Design**: A layout that adapts seamlessly to different screen sizes, ensuring usability on both desktop and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean and simple design. The interface will utilize ample white space to create a spacious feel, focusing on clarity and readability.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: A single-page layout where job listings are presented in a grid format, with clear sections for search filters at the top, followed by the job listings, and a footer for additional information or links.
- **Typography**: Use a sans-serif font for a modern look. Headings should be bold and larger in size to create a clear hierarchy, while body text should be easy to read in a standard size.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application structure.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design adjustments and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context or Zustand for managing application state, especially for user authentication and job listings.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui libraries.
2. **Design Layout**: Create the main layout component with sections for search filters, job listings, and footers.
3. **Build Components**: Develop reusable components for job listings, job detail views, and navigation elements.
4. **Implement State Management**: Set up state management for job listings and user authentication flows.
5. **Add Color-Coding Logic**: Create a function to highlight job listings based on hiring status using Tailwind CSS classes for styling.
6. **Responsive Design**: Ensure all components are responsive using Tailwind’s responsive utilities.
7. **Test Application**: Conduct thorough testing on various devices and browsers to ensure functionality and usability.

## USER EXPERIENCE
Users will land on a clean homepage featuring the job listings. They can quickly access the search filters at the top to narrow down options. Job listings will be displayed in a visually appealing grid format, with the most relevant positions highlighted in bright color. Clicking on a listing will take users to a detailed view, making it easy to understand application requirements. The minimalist design promotes easy navigation and a pleasant browsing experience, encouraging users to explore new opportunities.