Веб-приложение Yandex Disk Uploader

Frontend Developer

Это приложение-компонент является тестовым заданием одной из компаний, которое предназначено для облегчения процесса загрузки изображений на Яндекс.Диск, предоставляя пользователю удобный интерфейс для выбора и отслеживания выбранных файлов перед загрузкой, а также визуализацию прогресса загрузки.

Функциональность:

Выбор файлов: Пользователь может нажать на кнопку "Выбрать файлы" и выбрать несколько изображений для загрузки.
Счетчик файлов: Отображается счетчик, который показывает количество выбранных файлов.
Загрузить: Кнопка "Загрузить", которую можно нажать после выбора файлов для начала загрузки.
Отображение списка файлов: Приложение отображает список выбранных изображений. Каждое изображение снабжено превью, названием и размером в килобайтах.
Полоса загрузки: После нажатия на кнопку "Загрузить", появляется полоса загрузки, которая показывает прогресс загрузки изображений.
Ссылка на Яндекс.Диск: Вверху приложения есть ссылка на Яндекс.Диск, на который будут загружены выбранные изображения.

Демо: https://ku13shov.github.io/yd-upl/

Технологии:

ReactJS 18
Fetch
React Hooks
Prettier
SCSS