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

2. Drag and drop files for uploading

3. OR Choose files from the computer

4. Uploading supported files

5. Trying to upload files that are not supported

6. Removing the files