Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web platform designed to function as a postboard, allowing users to share and discuss negative experiences with HR employees. It aims to create a transparent space for individuals to voice their concerns and seek support, fostering a community that emphasizes accountability in HR practices.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in securely to share their experiences and post comments.
2. **Post Creation**: Users can easily create posts detailing their experiences with HR employees, including text and optional tags for categorization.
3. **Commenting System**: Users can engage with posts by commenting, providing a platform for discussion and support among peers.
4. **Search and Filter**: A robust search feature allows users to filter posts by keywords, tags, or dates, making it easy to find relevant experiences.
5. **Reporting Mechanism**: Users can report inappropriate or false posts, ensuring the integrity of shared experiences.
6. **User Profiles**: Each user has a profile page displaying their posts and comments, enhancing community engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design prioritizes a clean and simple aesthetic, utilizing plenty of white space to maintain focus on content. 
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability and a welcoming feel.
- **Layout**: The main layout will feature a top navigation bar, a central feed for posts, and a sidebar for user profile links and search functionality. Posts will be displayed in a card format with clear separation and ample spacing.
- **Typography**: Utilize a sans-serif font such as 'Roboto' for body text for modern readability, with headings in a bolder weight to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and robust component architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iteration while maintaining consistency.
- **UI Components**: shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: React Context API or Zustand for managing user authentication state and post data.

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript, integrating Tailwind CSS for styling.
2. Create the main application structure, including a landing page and routing for user authentication and post viewing.
3. Implement user authentication using Firebase or a similar service, allowing for secure login and registration.
4. Develop the post creation component, ensuring users can submit their experiences with validation.
5. Build the commenting system and integrate it with the post view, allowing users to interact with content.
6. Create search and filter functionalities to enhance user experience in navigating through posts.
7. Implement the reporting mechanism to allow users to flag inappropriate content.
8. Design user profile pages that display the user's contributions and activity on the platform.
9. Test the application for responsiveness and user experience on different devices.

## USER EXPERIENCE
Users will navigate the application through a straightforward interface, starting on the home page where they can view the latest posts. They can quickly create an account or log in to share their experiences. The search feature allows users to find specific topics of interest, while the commenting system encourages interaction. Users can manage their profiles easily, fostering a sense of community and support throughout the platform. The minimalist design ensures that the focus remains on the content shared, promoting transparency and accountability in HR practices.