R50 2cddc2f0892123bd32a111faaff108f6
Frontend Developer

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

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

Функциональность:
  • Выбор файлов: Пользователь может нажать на кнопку "Выбрать файлы" и выбрать несколько изображений для загрузки.
  • Счетчик файлов: Отображается счетчик, который показывает количество выбранных файлов.
  • Загрузить: Кнопка "Загрузить", которую можно нажать после выбора файлов для начала загрузки.
  • Отображение списка файлов: Приложение отображает список выбранных изображений. Каждое изображение снабжено превью, названием и размером в килобайтах.
  • Полоса загрузки: После нажатия на кнопку "Загрузить", появляется полоса загрузки, которая показывает прогресс загрузки изображений.
  • Ссылка на Яндекс.Диск: Вверху приложения есть ссылка на Яндекс.Диск, на который будут загружены выбранные изображения.
Демо: https://ku13shov.github.io/yd-upl/

Технологии:
  • ReactJS 18
  • Fetch
  • React Hooks
  • Prettier
  • SCSS
C2aa1761e3 6328a0dce7 5c376dfda0 1fabe6fddf