Skip to content

Commit 3b6e9c5

Browse files
committed
[REF]: Improve readme file
1 parent ad84b57 commit 3b6e9c5

File tree

1 file changed

+19
-8
lines changed

1 file changed

+19
-8
lines changed

README.md

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,12 @@
11
:rocket: [Spanish README](./README_ES.md)
22

33
# Dropzone UI
4-
5-
The `best` and most complete, `easy to use`, file upload library for [React](https://reactjs.org/) apps.
4+
The `best`, most complete and `easy to use`, [React](https://reactjs.org/) file upload library.
65

76
:zap: Live demo and code generator : [dropzone-ui.com](http://www.dropzone-ui.com)
87

9-
:heart: it ?, :star: it on :octocat: [Github](https://github.com/dropzone-ui/dropzone-ui) :D or :bird: [Tweet](https://twitter.com/intent/tweet?text=With%20@dropzone_ui,%20my%20@reactjs%20%20web%20app%20becomes%20more%20powerful.%20Thanks,%20@JinJoseManuel%20%F0%9F%A4%A9) about it.
8+
:heart: it ?, :star: it on :octocat: [Github](https://github.com/dropzone-ui/dropzone-ui) :D
109

11-
<p align="center">
12-
<img src="https://user-images.githubusercontent.com/43678736/147796764-b6a271a0-f29c-47be-a521-22c2f734e874.png" alt="dropone-ui-logo" width="256" height="auto" align="center">
13-
</p>
1410

1511
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/dropzone-ui/react/blob/HEAD/LICENSE)
1612
[![npm latest package](https://img.shields.io/npm/v/@dropzone-ui/react.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen)](https://www.npmjs.com/package/@dropzone-ui/react)
@@ -26,6 +22,9 @@ The `best` and most complete, `easy to use`, file upload library for [React](htt
2622
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
2723
[![GitHub Repo stars](https://img.shields.io/github/stars/dropzone-ui/react?label=Star%20me%20please%20:D&style=social)](https://github.com/dropzone-ui/react)
2824
[![Twitter URL](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Fgithub.com%2Fwellyshen%2Freact-cool-img)](https://twitter.com/intent/tweet?text=With%20@dropzone_ui,%20my%20@reactjs%20%20web%20app%20becomes%20more%20powerful.%20Thanks,%20@JinJoseManuel%20%F0%9F%A4%A9)
25+
<p align="center">
26+
<img src="https://user-images.githubusercontent.com/43678736/148801752-954fa819-023d-4596-b557-56f7a38f4745.png" align="center">
27+
</p>
2928

3029
## Sample result:
3130

@@ -38,14 +37,16 @@ On `Drag`, `Drop`, `Upload` and full screen `preview`. (also changing view mode
3837

3938
</p>
4039

40+
More previews [here](#more-reviews).
41+
4142
Did you like the project? Please don't forget to give us a :star: star on :octocat: [GitHub](https://github.com/dropzone-ui/dropzone-ui) :D
4243

4344
## Key Features
4445

4546
- :white_check_mark: File validation: Validate files before uploading.
4647
- :art: File Image previews: See a thumbnail preview
47-
- :framed_picture: Full screen image previews: Add more interacion with a full screen preview of images
48-
- :movie_camera: Full screen video previews. Play the video before uploading. [![new-feature](https://img.shields.io/badge/new-feature-green.svg)](https://github.com/dropzone-ui/react-dropzone/releases/tag/v6.4.0)
48+
- :framed_picture: [Full screen image previews](#full-screen-image-preview): Add more interacion with a full screen preview of images
49+
- :movie_camera: [Full screen video previews](#full-screen-video-preview). Play the video before uploading. [![new-feature](https://img.shields.io/badge/new-feature-green.svg)](https://github.com/dropzone-ui/react-dropzone/releases/tag/v6.4.0)
4950
- :eyes: status visualization: validation and upload status is shown on a [Tooltip](https://codesandbox.io/s/dropzone-ui-fileitem-resultontooltip-h6hu7) or on [Info Layer](https://codesandbox.io/s/dropzone-ui-fileitem-resultontooltip-h6hu7).
5051
- :airplane: File upload: Upload valid files to a server.
5152
- :performing_arts: Out of the box design and style.
@@ -403,6 +404,16 @@ export interface CustomValidateFileResponse {
403404

404405
[![Forkers repo roster for @dropzone-ui/dropzone-ui-react](https://reporoster.com/forks/dropzone-ui/dropzone-ui-react)](https://github.com/dropzone-ui/dropzone-ui-react/network/members)
405406

407+
408+
## More Previews
409+
410+
### Image full screen preview
411+
412+
<p align="center"><img src="https://camo.githubusercontent.com/58e1d2e245bdd8a4eb7302bc0749ce9fd39bfade9838c4ed7fe9272d94e54eb4/68747470733a2f2f6465762d746f2d75706c6f6164732e73332e616d617a6f6e6177732e636f6d2f75706c6f6164732f61727469636c65732f3577786b31346f367a686c6f7a327a337a7970792e706e67" alt="Image full screen preview" width="100%"/></p>
413+
414+
### Video full screen preview
415+
<p align="center"><img src="https://user-images.githubusercontent.com/43678736/148802895-9a5349a7-224d-44df-854b-19d6a1f2d30e.png" alt="Video full screen preview" width="100%"/></p>
416+
406417
## License
407418

408419
This project is licensed under the terms of the

0 commit comments

Comments
 (0)