Skip to content

Drag and Drop tool built with React. It supports certain mime types and converts uploaded files into base64.

License

Notifications You must be signed in to change notification settings

Katia-Toboleva/react-drag-and-drop

Repository files navigation

React Drag and Drop

Description:

The user has an option either to drag files to the box or choose them from the computer. The app supports certain mime types if the mime type of a file is not supported, the user is notified. The supported files are converted into base64. Once files are uploaded and converted, the user has an option to delete them

Technologies:

React, JavaScript, Async promises, Lifecycle events, TDD testing (Jest), GitHub branches, SVG, SCSS and CSS modules, Webpack, Babel, Eslint, Stylelint.

Demo:

1.Getting started

dropbox-1

  1. Drag and drop files for uploading

dropbox-2

  1. OR Choose files from the computer

dropbox-3

  1. Uploading supported files

dropbox-4

  1. Trying to upload files that are not supported

dropbox-5

  1. Removing the files

dropbox-6

About

Drag and Drop tool built with React. It supports certain mime types and converts uploaded files into base64.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published