https://github.com/jeninsutradhar/vidiform
intuitive web application for managing and editing video metadata. Built with React and TypeScript
https://github.com/jeninsutradhar/vidiform
metadata metadata-editor metadata-extraction react typescript
Last synced: 4 months ago
JSON representation
intuitive web application for managing and editing video metadata. Built with React and TypeScript
- Host: GitHub
- URL: https://github.com/jeninsutradhar/vidiform
- Owner: JeninSutradhar
- Created: 2024-11-12T11:52:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-13T14:34:52.000Z (over 1 year ago)
- Last Synced: 2025-10-04T20:42:07.111Z (9 months ago)
- Topics: metadata, metadata-editor, metadata-extraction, react, typescript
- Language: TypeScript
- Homepage:
- Size: 65.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vidiform - Video Metadata Editor
## 🎥 Overview
Vidiform is a modern, intuitive web application for managing and editing video metadata. Built with React and TypeScript, it provides a seamless interface for video content creators and managers to organize their media files efficiently.
## ✨ Features
### Core Functionality
- Drag-and-drop file upload
- Multi-file support
- Editable metadata fields
- Auto-metadata extraction
- Custom field support
### Export Options
- JSON format
- CSV format
- XML format
### Technical Features
- ⚡ Fast and responsive UI
- Modern design with smooth transitions
- Fully responsive layout
- Real-time preview
- Type-safe with TypeScript
### Prerequisites
- Node.js (v14 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/jeninsutradhar/vidiform.git
```
2. Install dependencies:
```bash
cd vidiform
npm install
```
3. Start the development server:
```bash
npm run dev
```
## Usage
1. **Upload Files**
- Drag and drop video files into the upload area
- Or click "Browse Files" to select manually
2. **Edit Metadata**
- Select a file from the list
- Edit basic metadata (title, year, genre)
- Add custom fields as needed
- Save changes
3. **Export Data**
- Click the Export button
- Choose your preferred format (JSON/CSV/XML)
- Download the exported file
## Key Features in Detail
### Metadata Management
- **Auto-extraction**: Automatically extracts basic video metadata
- **Custom Fields**: Add unlimited custom metadata fields
- **Batch Processing**: Handle multiple files simultaneously
### User Interface
- **File List**: Easy-to-navigate file management
- **Preview Panel**: Quick metadata overview
- **Responsive Design**: Works on all device sizes
### Data Handling
- **Type Safety**: Full TypeScript implementation
- **Error Handling**: Robust error management
- **Data Validation**: Input validation for all fields
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the project
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---