React CRUD Application is a Simple Create, Read, Update and Delete of some data taken from Restful API and made from React JS + Node JS Application. React JS is the frontend while Node JS works on the backend of the code.
Why this architecture? It is made like this to solve the Cross Origin Resource Sharing (CORS) Error from any ways possible. The REST API (which is in Spring Framework) is working on the protocol http and the React app is working on the protocol https. So you get the point. I will be posting this really soon on my blog (https://medium.com/@sulabh4/). Follow me on that.
For the API call, I have used axios which is really small and easy than the AJAX + Promise code. Axios uses promise based HTTP client for the browser and node.js.
Yes, and also, Material UI is used to enhance the page. All the looks and feels of the page resembles to Google Material Design.
A Real Production Application can be made with this codebase if contributors are there to help. If anybody is interested than they can also edit the REST API, which is on Spring, is also on the other side of the repository. Here's a quick link for that (https://github.com/codexponent/springcrudapp). Everybody is welcome!!
To begin using this project, follow the following options to get started:
- Clone the repo:
git clone https://github.com/codexponent/reactcrudapp.git - Fork, or Download on GitHub
npm installInstall the dependenciesnpm run startStart the server- Go to
localhost:3000and see the app start
- Express.js and React.js with the simplest of code
- Axios for easier HTTP Calls
- Hosted on Heroku
- Material Design
- The Full Documentation is available at (https://codexponent.github.io/reactcrudapp/)
- Issue Tracker: https://github.com/codexponent/reactcrudapp/issues
- Source Code: https://github.com/codexponent/reactcrudapp
- Contributors: https://github.com/codexponent/reactcrudapp/contributors.txt
If you are having issues, please let us know. I have a mailing list located at: [email protected]
Copyright 2018 Codexponent. Code released under the [MIT]license.