Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that enhances user experience by integrating SharePoint with native mobile functionality. The goal is to allow users to access their files seamlessly through the native OneDrive app on both Android and iOS devices, rather than through URLs or downloads, providing a more integrated and streamlined mobile experience.

## CORE FEATURES
1. **Seamless Integration**: Directly open files in the native OneDrive app, ensuring users can work with their documents without redirecting to web URLs.
2. **File Browsing**: Scroll through files and folders stored in SharePoint, presenting a familiar interface that mimics the native OneDrive experience.
3. **Search Functionality**: Implement a search feature that allows users to quickly find specific files or folders within their SharePoint.
4. **User Authentication**: Secure login mechanism to protect user data and ensure only authorized users can access the application.
5. **Responsive Design**: Ensure the application is fully responsive, providing a consistent experience across various devices and screen sizes.
6. **Offline Access**: Enable offline functionality so users can access previously opened files without an internet connection.

## 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 header for navigation, a main content area to display files, a sidebar for folder navigation, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user authentication and file data.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize the React project with TypeScript and install necessary dependencies (React Router, Redux, Tailwind CSS).
2. **Create Layout**: Design the main layout using Tailwind CSS, implementing the header, sidebar, main content area, and footer.
3. **Implement Authentication**: Develop user authentication features, ensuring secure login and session management.
4. **Integrate SharePoint API**: Set up API calls to SharePoint to fetch file and folder data, enabling browsing functionality.
5. **Implement File Opening Logic**: Create functionality that opens files in the native OneDrive app using appropriate URL schemes for Android and iOS.
6. **Add Search Functionality**: Implement a search component that filters files based on user input.
7. **Test Responsiveness**: Ensure the application is responsive across various devices using media queries and Tailwind's responsive utilities.
8. **Deploy Application**: Deploy the application to a hosting service and ensure all functionalities work as expected.

## USER EXPERIENCE
Users will start by logging into the application, which will direct them to the main interface displaying their SharePoint files. They can easily navigate through folders using the sidebar, search for specific documents, and open files directly in the OneDrive app. The application will maintain a clean and minimalist aesthetic, allowing users to focus on their content without distractions, ensuring a smooth and user-friendly experience.