https://github.com/amodin/easycrud
Create your next API server for your front-end application in a seconds. Zero configuration and easy to start.
https://github.com/amodin/easycrud
angular api crud front-end jquery mock-server nodejs reactjs spa vue
Last synced: 7 months ago
JSON representation
Create your next API server for your front-end application in a seconds. Zero configuration and easy to start.
- Host: GitHub
- URL: https://github.com/amodin/easycrud
- Owner: AModin
- Created: 2018-11-22T16:32:45.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-16T21:01:41.000Z (about 7 years ago)
- Last Synced: 2025-02-17T10:32:32.484Z (10 months ago)
- Topics: angular, api, crud, front-end, jquery, mock-server, nodejs, reactjs, spa, vue
- Language: JavaScript
- Homepage:
- Size: 1.28 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Easycrud [](https://twitter.com/intent/tweet?text=Create%20CRUD%20for%20your%20next%20front-end%20application%20in%20a%20seconds%20&url=https://github.com/AModin/easycrud&hashtags=expressjs,reactjs,front-end,mockserver,CRUD)
Have an awesome idea for your next perfect interface and don't want to waste your time to backend stuff?
Focus on really important things, this script will take this part and create CRUD API for you in a few seconds. This tool will create POST, PUT, DELETE and GET methods for you for the route you entered. No database required. Zero time to the configuration, no need to use the console, GUI is included.
:white_check_mark: **Designed for front-end developers**
:white_check_mark: **Easy to configure and use**
:white_check_mark: **GUI**
## Getting started
First of all you need to be sure, that you have nodejs installed. I used version 11.1.0 and npm version 6.4.1. If you have an older node
version installed and you want to keep it, use this tool [nvm](https://github.com/creationix/nvm) it will allow you to use few node versions and switch between them.
Clone this repo
```git clone https://github.com/AModin/easycrud.git```
Or download as ZIP from the github interface.
Go to easycrud directory:
```cd ./easycrud```
Install and run:
```npm i```
```npm start```
After the server is running check out the dashboard at localhost:8000.
Try to create route `users` and fetch data from any localhost port:
```javascript
fetch('http://localhost:8000/users').then(res => res.json()).then( res => console.log(res))
```
## Methods
## POST/PUT
To save the data you need to attach the body to request.
[](https://www.youtube.com/watch?v=8eTPd63SDOo)
You can change item in the collection by sending item with existing id in case "Change by id" option is selected,
otherwise, the new item will replace the old one.
[](https://www.youtube.com/watch?v=M3DNh1jdH_Y)
## GET
The request without any parameters will return all enteries.
[](https://www.youtube.com/watch?v=4rVxLHxpzQY)
You can filter the data to get only needed items.
For example request with `?lastName=Doe` will return only items with lastName Doe.
Also can pass a few URL parameters like this: `/users?firstName=Joe&lastName=Doe&firstName=Sarah`
[](https://www.youtube.com/watch?v=OpBUUq9TCmE)
## DELETE
If you use collection data type you should add URL parameter id to delete some specific entry.
[](https://www.youtube.com/watch?v=SmaGp4QhNyQ)
In case you selected "Single item" you can use DELETE request without any parameters.
[](https://www.youtube.com/watch?v=fcEdUkU5wRg)
## Warning :exclamation: :exclamation: :exclamation:
Don't use it for production it's unsafe and not optimized!
## Bult with
* [Express](https://github.com/expressjs) - Used as backend
* [Reactjs](https://reactjs.org/) - Used in the front end
* [AntD](https://ant.design/) - UI kit for the dashboard
* [Node JSON DB](https://github.com/Belphemur/node-json-db) - For saving the data
* [Lodash](https://lodash.com/) - Used only one but very useful lodash function :)