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.
- Drag-and-drop file upload
- Multi-file support
- Editable metadata fields
- Auto-metadata extraction
- Custom field support
- JSON format
- CSV format
- XML format
- ⚡ Fast and responsive UI
- Modern design with smooth transitions
- Fully responsive layout
- Real-time preview
- Type-safe with TypeScript
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/jeninsutradhar/vidiform.git- Install dependencies:
cd vidiform
npm install- Start the development server:
npm run dev
-
Upload Files
- Drag and drop video files into the upload area
- Or click "Browse Files" to select manually
-
Edit Metadata
- Select a file from the list
- Edit basic metadata (title, year, genre)
- Add custom fields as needed
- Save changes
-
Export Data
- Click the Export button
- Choose your preferred format (JSON/CSV/XML)
- Download the exported file
- Auto-extraction: Automatically extracts basic video metadata
- Custom Fields: Add unlimited custom metadata fields
- Batch Processing: Handle multiple files simultaneously
- File List: Easy-to-navigate file management
- Preview Panel: Quick metadata overview
- Responsive Design: Works on all device sizes
- Type Safety: Full TypeScript implementation
- Error Handling: Robust error management
- Data Validation: Input validation for all fields
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.