# File Manager
This example demonstrates a comprehensive file management system with upload, download, and organization capabilities using the BuzzyFrameAPI.
## Key Features
* **Universal file upload** supporting all file types
* **Drag-and-drop interface** with visual feedback
* **File metadata display** including size, type, and filename
* **Download functionality** with direct file access
* **File deletion** with confirmation dialogs
* **Progress tracking** during upload operations
* **Automatic URL refresh** for expired S3 links
* **Responsive design** with mobile-friendly layout
## Use Cases
Ideal for applications requiring:
* Document management systems
* File sharing platforms
* Project collaboration tools
* Digital asset management
* Client portals with file exchange
* Administrative dashboards
## Implementation Overview
This widget follows the **Child Table Data** pattern, storing files as child records linked to a parent row. Key implementation features:
* Support for any file type (documents, images, videos, etc.)
* Efficient file size formatting and display
* S3 integration with presigned URLs for security
* Real-time synchronization with backend data
* Mobile-responsive design using Bulma CSS
## Code Example
```html
File Manager
```
## Key Concepts
### Universal File Support
* **All File Types**: Supports documents, images, videos, archives, and any other file format
* **File Metadata**: Displays filename, size, and MIME type for easy identification
* **Size Formatting**: Human-readable file size display (B, KB, MB, GB)
### File Operations
* **Upload**: Drag-and-drop or click-to-browse file selection
* **Download**: Direct file access through presigned URLs
* **Delete**: Secure file removal with confirmation
* **Progress Tracking**: Real-time upload progress feedback
### S3 Integration
* **Presigned URLs**: Secure file upload and access without exposing credentials
* **URL Expiration**: Automatic refresh of expired URLs to maintain access
* **Storage Management**: Efficient file storage with proper metadata tracking
### User Experience
* **Responsive Design**: Works seamlessly on desktop and mobile devices
* **Visual Feedback**: Clear indicators for drag-and-drop states and upload progress
* **Error Handling**: Graceful error handling with user-friendly messages
This file manager demonstrates how code widgets can provide enterprise-grade file management capabilities within Buzzy applications, suitable for any use case requiring file storage and organization.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.buzzy.buzz/the-building-blocks/code-widget-custom-code/examples/file-manager.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.