Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a cloud storage web application designed to provide users with a simple, secure, and efficient way to store, manage, and share their files online. The application will feature user authentication, file uploads, and a clean interface that enhances user experience.

## CORE FEATURES
1. **User Authentication**: Users can sign up and log in to securely access their personal storage.
2. **File Uploads**: A drag-and-drop interface allows users to easily upload files of various formats.
3. **File Management**: Users can organize their files into folders, rename them, and delete unwanted files.
4. **Sharing Options**: Users can generate shareable links for files and folders, enabling easy collaboration.
5. **Search Functionality**: A robust search feature enables users to quickly find specific files or folders.
6. **Account Settings**: Users can manage their account preferences, including password changes and storage limits.

## 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 feature a sidebar for navigation, a header for user interactions, and a main content area for file management. The design will ensure responsive behavior across devices.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the File Structure**: Organize the project into components, pages, and services for better maintainability.
3. **Implement Authentication**: Set up user authentication using a suitable backend service or library (e.g., Firebase or Auth0).
4. **Build File Upload Component**: Develop a drag-and-drop file upload component with progress indicators.
5. **Create File Management Interface**: Design a user-friendly interface for file organization, including folders and search functionality.
6. **Integrate Sharing Features**: Implement functionality for generating shareable links and managing shared files.
7. **Develop Account Settings Page**: Allow users to manage their account preferences and settings.
8. **Test Responsiveness**: Ensure that the application is fully responsive and works well on various devices.

## USER EXPERIENCE
Users will experience a seamless interaction flow starting from the login screen. Upon successful authentication, they will be directed to their dashboard where they can view their files, upload new ones, and manage existing files. The minimalist design ensures that users can navigate easily without clutter, and the responsive layout adapts to different screen sizes, providing an optimal user experience regardless of the device used.