> For the complete documentation index, see [llms.txt](https://docs.buzzy.buzz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.buzzy.buzz/the-building-blocks/code-widget-custom-code/examples/file-manager.md).
# 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.