File Uploader Component

Описание

File Uploader Component — это кастомный веб-компонент, созданный с использованием JavaScript и Shadow DOM, который предоставляет пользователю удобный интерфейс для загрузки файлов на сервер. Компонент поддерживает перетаскивание файлов (drag-and-drop), отображает прогресс загрузки, позволяет задавать имя файла перед загрузкой и показывает результат операции (успех или ошибка). Поддерживаются файлы форматов .txt, .json и .csv размером до 1 КБ. Компонент стилизован с использованием CSS, включая плавные переходы и адаптивный дизайн. Он интегрируется с сервером через API (https://file-upload-server-mc26.onrender.com/api/v1/upload), отправляя файл и его имя с помощью FormData.

Основные возможности:

• Ввод имени файла перед загрузкой.

• Перетаскивание файлов в область загрузки.

• Отображение прогресса загрузки с анимацией.

• Обработка ошибок (неподдерживаемый формат, превышение размера, сетевая ошибка).

• Отображение результата загрузки (успех или ошибка).

• Возможность закрытия и очистки формы.

Установка и запуск

Клонируйте репозиторий:

git clone https://github.com/iamvldmrbrvkv/file-uploader-component.git

cd <папка проекта>

Установите зависимости:

npm install

Запустите приложение:

npm run dev