Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to provide users with a clean and efficient interface for managing and browsing content similar to ViewMax. The primary focus is on delivering a seamless user experience with an emphasis on simplicity and clarity, enabling users to access and interact with the content effortlessly.

## CORE FEATURES
1. **User Dashboard**: A personalized dashboard that provides an overview of user activity, including recent interactions and recommendations tailored to user preferences.
2. **Content Browsing**: A minimalist content browsing section where users can explore various categories and items with a focus on easy navigation and filtering options.
3. **Search Functionality**: An intuitive search bar that allows users to quickly find specific content through keywords and filters.
4. **User Profiles**: Users can create and manage profiles, including preferences and saved content, enhancing personalization and engagement.
5. **Interaction History**: A feature that tracks and displays users' interaction history with content, allowing for easy revisits and management.
6. **Responsive Design**: A fully responsive layout that ensures the application is accessible and user-friendly across all devices, from desktops to mobile phones.

## DESIGN SPECIFICATIONS
- **Visual Style**: The design will embody a minimalist aesthetic with a clean, simple layout, ample white space, and a restrained color palette that emphasizes typography.
- **Color Mode**: The application will utilize a light theme with dark text on light backgrounds, ensuring high readability and a pleasant browsing experience.
- **Layout**: The main layout will consist of a top navigation bar, a central content area for browsing and searching, and a sidebar for user-specific features and settings. Key interactions will be spaced out to avoid clutter.
- **Typography**: The primary font will be a clean sans-serif font, such as Inter or Roboto, with a hierarchy that distinguishes headlines, subheadings, and body text through varying sizes and weights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and maintainable web application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid and responsive design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-styled components that align with the minimalist design ethos.
- **State Management**: Use React’s Context API or Zustand for managing global state effectively, ensuring smooth data flow throughout the application.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project. Configure Tailwind with a custom theme that matches the minimalist design.
3. **Create Layout Components**: Build the main layout components including the navigation bar, content area, and sidebar, ensuring they adhere to the design specifications.
4. **Develop Core Features**:
   - Implement the user dashboard and integrate user authentication if necessary.
   - Create the content browsing section with filtering options.
   - Set up the search functionality to interact dynamically with the content database.
5. **Design Responsive Elements**: Ensure all components are responsive, utilizing Tailwind's responsive utilities to adapt layouts for different screen sizes.
6. **Test User Interactions**: Conduct usability tests focusing on the user experience and interactions to identify any areas for improvement before deployment.

## USER EXPERIENCE
Key user interactions will include a straightforward onboarding process for new users, easy navigation through the dashboard and content browsing sections, and a responsive search feature that provides instant feedback. Users will be able to interact with their profiles seamlessly, saving preferences and reviewing their interaction history with minimal effort. The overall experience will prioritize clarity and accessibility, ensuring users can achieve their goals quickly and efficiently.