Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application that replicates the features of OpenArt, designed to enable users to explore, create, and share artwork in a collaborative platform. The application will focus on user engagement and ease of use, allowing artists and art enthusiasts to connect seamlessly.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality to create personalized user profiles.
2. **Artwork Gallery**: A visually appealing display of user-uploaded artworks with options for sorting and filtering by categories.
3. **Artwork Submission**: Allow users to upload their artwork with descriptions, tags, and categories.
4. **Comments and Likes**: Enable users to interact with artworks through comments and a like system to foster community engagement.
5. **User Profiles**: Profiles showcasing each user's artwork, bio, and social links for better networking among artists.
6. **Search Functionality**: A robust search feature to find artworks and artists easily.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will consist of a top navigation bar, a hero section for featured artworks, a grid layout for the gallery, and a sidebar for filtering options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand for lightweight state management across components

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, Zustand, shadcn/ui).
2. **Create Routing**: Set up React Router for navigation between components (Home, Gallery, Profile).
3. **Build Components**: Start building reusable components like Navbar, ArtworkCard, and CommentSection using Tailwind CSS for styling.
4. **Implement Authentication**: Set up authentication logic using Firebase or Auth0, including user signup and login.
5. **Develop Artwork Gallery**: Create the gallery page that fetches and displays artworks from a database, allowing for sorting and filtering.
6. **Add Interaction Features**: Implement comments and likes functionalities with real-time updates.
7. **Design User Profiles**: Create profile pages that showcase user-uploaded artworks and bios.
8. **Optimize for Mobile**: Ensure responsive design principles are applied using Tailwind CSS breakpoints.

## USER EXPERIENCE
Users will have a seamless experience starting from signing up, where they can create their profiles. They can easily navigate through the gallery, filter artworks, and engage with other users through comments and likes. A clean, minimalist design ensures that users can focus on the artwork without distractions, promoting an enjoyable interaction with the platform. The application will be responsive, ensuring a great experience on both desktop and mobile devices.