diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..7f8cc04 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2021 Tien Nguyen + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md index 472a3c4..fb1ede3 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,33 @@ # React.js CRUD App with React Router & Axios +Build a React.js CRUD Application to consume Web API, display and modify data with Router, Axios & Bootstrap. + +React Tutorial Application in that: +- Each Tutorial has id, title, description, published status. +- We can create, retrieve, update, delete Tutorials. +- There is a Search bar for finding Tutorials by title. + +![react-crud-example-web-api-demo](react-crud-example-web-api-demo.png) + For more detail, please visit: > [React (Components) CRUD example to consume Web API](https://bezkoder.com/react-crud-web-api/) > [React (Hooks) CRUD example to consume Web API](https://bezkoder.com/react-hooks-crud-axios-api/) +> [React Table example: CRUD App with react-table v7](https://bezkoder.com/react-table-example-hooks-crud/) + Using Material UI instead of Bootstrap: > [React Material UI examples with a CRUD Application](https://bezkoder.com/react-material-ui-examples-crud/) +More Practice: +> [React Pagination example](https://bezkoder.com/react-pagination-material-ui/) + +> [React File Upload example](https://bezkoder.com/react-file-upload-axios/) + +> [React JWT Authentication & Authorization example](https://bezkoder.com/react-jwt-auth/) + +> [React + Redux: JWT Authentication & Authorization example](https://bezkoder.com/react-redux-jwt-auth/) + Fullstack with Node.js Express: > [React.js + Node.js Express + MySQL](https://bezkoder.com/react-node-express-mysql/) diff --git a/react-crud-example-web-api-demo.png b/react-crud-example-web-api-demo.png new file mode 100644 index 0000000..07603b3 Binary files /dev/null and b/react-crud-example-web-api-demo.png differ