Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Vaulty is a modern premium web application designed as a social platform where users can create and curate beautiful digital collections on various topics of interest. The application prioritizes an aesthetic and immersive user experience, allowing individuals to showcase their personal galleries in a polished and minimalistic interface.

## CORE FEATURES
1. **User Profiles**: Users can create customizable profiles that display their collections, featured items, and personal information, resembling a curated gallery.
2. **Collection Management**: Users can create, customize, and organize collections with images, descriptions, ratings, and tags, ensuring each collection feels unique.
3. **Public and Private Collections**: Collections can be set to public for exploration by others or private for personal use, allowing for a tailored sharing experience.
4. **Explore Feature**: A discover page where users can browse trending collections from the community, enhancing social interaction and engagement.
5. **Smooth Animations and Navigation**: The application will feature clean layouts with smooth transitions and hover effects that enhance the browsing experience.
6. **Authentication System**: Users will have secure login and registration features to manage their accounts and collections.

## 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 include a responsive grid system for collections, a sidebar for navigation, and a top navigation bar for quick access to user features and exploration.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for global state management

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create the overall structure of the application including the navigation bar, user profile page, explore page, and collection detail pages.
3. **Implement User Authentication**: Set up user authentication using a suitable library (e.g., Firebase or Auth0) and create login and registration components.
4. **Build Profile and Collection Management**: Develop components for creating and managing collections, including image uploads and item organization.
5. **Create Explore Page**: Implement the explore functionality to display trending collections, ensuring smooth scrolling and interaction.
6. **Add Animations**: Use CSS transitions and animations to enhance the user experience throughout the application, especially on hover and when navigating.

## USER EXPERIENCE
Users will be greeted with a welcoming landing page that highlights the benefits of Vaulty. Upon logging in, they will navigate through a sleek interface where they can easily create and manage their collections. The smooth animations and minimalist design will ensure a delightful browsing experience, making it easy to explore others' collections and share their own. The focus on aesthetic presentation will draw users into a visually engaging environment, encouraging them to spend more time curating and enjoying their collections.