Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to store and manage files seamlessly. It features a modern black and dark purple glow theme combined with a minimalist aesthetic, providing users with an intuitive interface for easy file uploads, organization, and retrieval.

## CORE FEATURES
1. **User Authentication**: Secure login and registration to ensure that users can safely store their files.
2. **File Upload and Management**: Users can upload, delete, and organize their files into folders for easy access.
3. **Search Functionality**: A robust search feature that allows users to quickly find files by name or type.
4. **Responsive Design**: The application adjusts seamlessly across devices, providing an optimal experience whether on desktop or mobile.
5. **File Preview**: Users can preview files directly within the application before downloading or managing them.
6. **Settings Page**: A dedicated section for users to manage their account settings and preferences.

## 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 navigation bar at the top, a side panel for file organization, a central area for file management actions, and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React app with TypeScript, install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Implement Authentication**: Set up user authentication using Firebase or Auth0.
3. **Create File Upload Component**: Develop a component that allows users to upload files, with drag-and-drop functionality.
4. **Build File Management Interface**: Design the main interface where users can see their files, folders, and perform actions like delete or organize.
5. **Integrate Search Functionality**: Implement a search bar that filters files based on user input.
6. **Add Responsive Design**: Ensure that the layout is responsive, adapting to various screen sizes using Tailwind CSS classes.
7. **Testing and Iteration**: Conduct user testing to gather feedback and make necessary adjustments for improved usability.

## USER EXPERIENCE
Users will begin their journey on the login page, where they can easily access their accounts or create a new one. Once logged in, they will be greeted with a clean file management interface featuring their uploaded files and folders. The intuitive layout will allow users to drag and drop files for uploads, use the search bar to find specific files, and manage their files effortlessly. The responsive design ensures a smooth experience across all devices, enhancing overall user satisfaction.