Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to enhance file management and sharing capabilities within a drive interface. The main purpose is to improve the user experience by allowing users to restore deleted files directly to their original folders and streamline the sharing process with a cleaner, more intuitive interface.

## CORE FEATURES
1. **File Restoration**: Users can easily restore deleted files from the trash back to their original folders with a simple click.
2. **Enhanced Share Link UI**: A redesigned sharing interface that allows users to share files with anyone, not just those using the software, improving accessibility and usability.
3. **Admin Section Redesign**: A revamped admin interface that simplifies navigation and management of files and user permissions.
4. **Button Positioning Improvement**: Clear and logical positioning of action buttons to enhance user flow and interaction.
5. **User Feedback System**: A mechanism for users to provide feedback on the new features and UI, ensuring continuous improvement.
6. **Responsive Design**: Ensure that the application is fully responsive, providing a seamless experience across devices.

## 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 top navigation bar, a sidebar for file management, a central content area for file sharing and restoration functions, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API, depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript. Install Tailwind CSS and configure it for styling.
2. **Create Components**: Develop essential components such as Header, Sidebar, FileList, FileShare, and AdminPanel using functional components and hooks.
3. **Implement Routing**: Use React Router to manage navigation between different views (user dashboard, admin section).
4. **Design UI**: Apply Tailwind CSS classes to style components according to the design specifications outlined above. Ensure that the layout is responsive.
5. **Add State Management**: Implement Redux or Context API for managing the application state, particularly for file management and user interactions.
6. **Integrate Features**: Code the core features such as file restoration functionality, share link UI, and admin section functionalities.
7. **Testing**: Conduct user testing to gather feedback on the new features and UI. Make necessary adjustments based on user feedback.
8. **Deployment**: Prepare the application for deployment on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will interact with a streamlined interface where they can quickly view their files, restore deleted items back to their original locations, and share files effortlessly with others. The redesigned admin section allows for intuitive management of user permissions and file organization, enhancing overall usability. The responsive design ensures that users can access the application seamlessly on desktop and mobile devices, providing a consistent experience across all platforms.