first commit

Author: tienbku

.env

@@ -0,0 +1 @@
+PORT=8081

.gitignore

@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.eslintcache
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -0,0 +1,86 @@
+# React Multiple Image Upload with Preview example
+
+In this tutorial, I will show you way to build React.js Multiple Image Upload with Preview to a Rest API example. The React App uses Axios and Multipart File for making HTTP requests, Bootstrap for progress bar. You also have a display list of images’ information (with download url).
+
+![react-js-multiple-image-upload-with-preview-example](react-js-multiple-image-upload-with-preview-example.png)
+
+![react-js-multiple-image-upload-with-preview-example-list-images](react-js-multiple-image-upload-with-preview-example-list-images.png)
+
+For more detail, please visit:
+> [React.js Multiple Images Upload with Preview example](https://bezkoder.com/react-multiple-image-upload-with-preview/)
+
+Rest APIs server for this React Client:
+> [Node.js Express File Upload Rest API example](https://bezkoder.com/node-js-express-file-upload/)
+
+> [Spring Boot Multipart File upload example](https://bezkoder.com/spring-boot-file-upload/)
+
+More Practice:
+> [React Multiple Files upload example with Progress Bar](https://bezkoder.com/react-multiple-files-upload/)
+
+> [React (with Hooks) File Upload with Axios & Boostrap Progress Bar](https://bezkoder.com/react-hooks-file-upload/)
+
+> [Material UI File Upload example with Axios & Progress Bar](https://bezkoder.com/material-ui-file-upload/)
+
+Security:
+> [React JWT Authentication & Authorization example (without Redux)](https://bezkoder.com/react-jwt-auth/)
+
+> [React + Redux: JWT Authentication & Authorization example](https://bezkoder.com/react-redux-jwt-auth/)
+
+## Fullstack CRUD
+With Node.js Express:
+
+> [React.js + Node.js Express + MySQL](https://bezkoder.com/react-node-express-mysql/)
+
+> [React.js + Node.js Express + PostgreSQL](https://bezkoder.com/react-node-express-postgresql/)
+
+> [React.js + Node.js Express + MongoDB](https://bezkoder.com/react-node-express-mongodb-mern-stack/)
+
+With Spring Boot:
+
+> [React.js + Spring Boot + MySQL](https://bezkoder.com/react-spring-boot-crud/)
+
+> [React.js + Spring Boot + PostgreSQL](https://bezkoder.com/spring-boot-react-postgresql/)
+
+> [React.js + Spring Boot + MongoDB](https://bezkoder.com/react-spring-boot-mongodb/)
+
+With Django:
+
+> [React.js + Django Rest Framework](https://bezkoder.com/django-react-axios-rest-framework/)
+
+## Serverless
+> [React Firebase CRUD App with Realtime Database](https://bezkoder.com/react-firebase-crud/)
+
+> [React Firestore CRUD App example | Firebase Cloud Firestore](https://bezkoder.com/react-firestore-crud/)
+
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+### Set port
+.env
+```
+PORT=8081
+```
+
+## Project setup
+
+In the project directory, you can run:
+
+```
+npm install
+# or
+yarn install
+```
+
+or
+
+### Compiles and hot-reloads for development
+
+```
+npm start
+# or
+yarn start
+```
+
+Open [http://localhost:8081](http://localhost:8081) to view it in the browser.
+
+The page will reload if you make edits.